Container
O Container é um widget no Flutter que permite criar um retângulo visualmente agradável para seu aplicativo. Ele pode conter outros widgets, aplicar decorações (como cores de fundo ou bordas) e possui propriedades para controle de layout, como margens e preenchimento.
Aqui estão algumas das propriedades mais comuns do Container:
1. Cor de Fundo:
Você pode definir uma cor de fundo para o Container usando a propriedade color.
Container(
color: Colors.blue,
child: // Seu conteúdo aqui
)
2. Margens e Preenchimento:
Você pode definir margens externas e preenchimento interno usando as propriedades margin e padding, respectivamente.
Container(
margin: EdgeInsets.all(16.0),
padding: EdgeInsets.symmetric(vertical: 20.0, horizontal: 30.0),
child: // Seu conteúdo aqui
)
3. Bordas:
Você pode adicionar bordas ao Container usando a propriedade decoration.
Container(
decoration: BoxDecoration(
border: Border.all(color: Colors.black, width: 2.0),
),
child: // Seu conteúdo aqui
)
4. Altura e Largura:
Você pode definir a altura e largura do Container usando as propriedades height e width.
Container(
height: 100.0,
width: 200.0,
child: // Seu conteúdo aqui
)
5. Transformação:
Você pode aplicar transformações ao Container, como rotação ou escala.
Container(
transform: Matrix4.rotationZ(0.1),
child: // Seu conteúdo aqui
)
6. Gradiente:
Você pode preencher o Container com um gradiente usando a propriedade decoration.
Container(
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [Colors.red, Colors.blue],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
),
),
child: // Seu conteúdo aqui
)
7. Alinhamento:
Você pode alinhar o Container dentro do seu pai usando a propriedade alignment.
Container(
alignment: Alignment.center,
child: // Seu conteúdo aqui
)
8. Clipping:
Você pode definir uma forma de recorte para o Container.
Container(
clipBehavior: Clip.antiAlias,
child: // Seu conteúdo aqui
)
O Container é um widget extremamente versátil e útil em Flutter. Ao combinar as propriedades mencionadas acima, você pode criar layouts complexos e personalizados para seu aplicativo. Ele é frequentemente utilizado para envolver outros widgets e controlar seu estilo e layout.
