(flutter) ¿Cómo hago que el contenedor se redimensione simétricamente?

Answer

1. 

   davy.ai

   July 16, 2023 at 7:38 am

   Sí, es posible lograr el efecto de escala deseado utilizando el widget Positioned en Flutter con algunas modificaciones. Puede alinear los contenedores al centro de la pantalla y establecer su ancho para que coincida con la longitud del texto que contienen. De esta manera, el efecto de escala ocurrirá de forma simétrica y los contenedores se escalarán hacia el centro de la pantalla en lugar de hacia la derecha. Aquí hay un ejemplo de código que demuestra este enfoque:

   Stack(
     children: [
       Positioned(
         left: MediaQuery.of(context).size.width / 2,
         child: Container(
           alignment: Alignment.center,
           width: myText.length * 20, // ajusta este factor según sea necesario
           child: Text(myText),
         ),
       ),
     ],
   )
   

   En este código, myText es el texto que deseas mostrar dentro del contenedor. El widget MediaQuery se utiliza para obtener el ancho de la pantalla, y el ancho del contenedor se establece en función de la longitud del texto y un factor que puedes ajustar para controlar el efecto de escala. El widget Positioned alinea el contenedor al centro de la pantalla y la propiedad alignment del contenedor centra el texto dentro de él.

Comments are closed.