📅 最后修改于: 2023-12-03 15:00:47.717000 🧑 作者: Mango
Cuando construimos un layout en Flutter, a menudo queremos separar visualmente dos o más widgets. Para lograr esto, Flutter ofrece varias formas de agregar espacio entre widgets.
Algunos widgets de Flutter tienen una propiedad padding que agrega espacio alrededor del contenido del widget. El padding es un espacio interno que rodea el contenido del widget y no afecta el tamaño real del widget. Podemos agregar un relleno a cualquier widget que tenga esta propiedad asignando un objeto EdgeInsets de padding en el constructor.
Container(
padding: EdgeInsets.all(8.0),
child: Text('Este es un ejemplo de espacio interno incluido'),
)
Si deseamos agregar espacio entre widgets fuera del contenido de un widget, podemos utilizar el widget SizedBox. Este widget se puede usar para agregar espacio vertical y horizontal. Las dimensiones se pueden establecer específicamente asignando un objeto Size a su propiedad size, o simplemente proporcionando un valor para la altura y / o ancho como un doble.
SizedBox(
height: 10.0,
),
SizedBox(
width: 20.0,
),
El widget Spacer es usado para crear un espacio vacío flexible entre los widgets. Este widget ocupa todo el espacio disponible de su contenedor padre y es útil cuando queremos que dos o más widgets estén en diferentes extremos de un contenedor.
Row(
children: [
Text('Este es el widget 1'),
Spacer(),
Text('Este es el widget 2'),
],
),
El widget Padding se usa para agregar un espacio en uno o todos los lados de un widget hijo. Podemos establecer la cantidad de padding requerida usando el objeto EdgeInsets en su propiedad padding.
Padding(
padding: EdgeInsets.symmetric(vertical: 10.0),
child: Text('Este es un ejemplo de Padding'),
),
No importa cuál sea el enfoque que elijamos, agregar espacio apropiado entre los widgets es importante para la legibilidad y la funcionalidad de nuestra aplicación. Debemos elegir el método que se adapte mejor a nuestro diseño y flujo de trabajo.