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.