Card
O widget Card
no Flutter é usado para criar caixas retangulares com cantos arredondados. Ele é frequentemente usado para representar informações em um formato visual agradável. Você pode personalizar o conteúdo, a aparência e o comportamento de um Card
de várias maneiras.
Aqui está um exemplo básico de como criar e personalizar um Card
:
Card(
elevation: 5, // Elevação da sombra do card
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10), // Cantos arredondados
),
child: Column(
children: <Widget>[
ListTile(
title: Text('Título do Card'),
subtitle: Text('Subtítulo do Card'),
leading: Icon(Icons.star), // Ícone à esquerda
),
Padding(
padding: EdgeInsets.all(16.0),
child: Text('Conteúdo do Card'),
),
ButtonBar(
children: <Widget>[
TextButton(
onPressed: () {
// Lógica quando o botão é pressionado
},
child: Text('Botão 1'),
),
TextButton(
onPressed: () {
// Lógica quando o botão é pressionado
},
child: Text('Botão 2'),
),
],
),
],
),
)
Neste exemplo, o Card
contém um ListTile
no topo, seguido por um Padding
com algum conteúdo de texto e, em seguida, um ButtonBar
com dois botões de texto. O Card
tem uma elevação de 5, cantos arredondados com raio de 10 e uma sombra.
Você pode personalizar ainda mais o Card
ajustando suas propriedades como color
para definir a cor de fundo, margin
para ajustar a margem, borderRadius
para controlar o raio dos cantos e outras propriedades relacionadas à aparência.
O Card
é uma ótima maneira de organizar informações em um layout visualmente agradável em seus aplicativos Flutter. Ele pode ser usado em várias situações, como listagens de produtos, feeds de notícias e muito mais.