Sobes.tech
Junior

O que é um widget Container no Flutter e quais são as suas principais propriedades?

sobes.tech IA

Resposta da IA

Container — é um widget conveniente que pode ser usado para adicionar gradientes, margens, bordas, fundos e transformações a outros widgets.

Propriedades principais:

  • alignment: Alinha o widget filho dentro do contêiner.
  • padding: Espaçamento interno entre a borda do contêiner e seu conteúdo.
  • color: Cor de fundo do contêiner.
  • decoration: Permite definir decorações mais complexas, como gradientes, sombras, cantos arredondados e imagens de fundo. Quando se usa decoration, não se pode usar a propriedade color separadamente.
  • foregroundDecoration: Decoração desenhada sobre o widget filho.
  • width: Largura do contêiner.
  • height: Altura do contêiner.
  • constraints: Restrições adicionais de tamanho para o contêiner.
  • margin: Margens externas ao redor do contêiner.
  • transform: Aplica uma transformação ao contêiner e seu conteúdo.
  • child: Widget que é filho do contêiner.

Exemplo de uso:

Container(
  padding: const EdgeInsets.all(16.0), // Espaçamento interno
  margin: const EdgeInsets.symmetric(vertical: 10.0), // Margens externas
  decoration: BoxDecoration( // Decoração com cor de fundo e cantos arredondados
    color: Colors.blue,
    borderRadius: BorderRadius.circular(10.0),
  ),
  child: const Text( // Widget filho
    'Hello, Container!',
    style: TextStyle(color: Colors.white),
  ),
);