Cards and Tiles

Cards in Flutter

Card widget creates a rounded rectangle with shadow. It's perfect for organizing content beautifully. You can put ListTile inside cards for consistent layouts. Cards help group related information together.

Card(
  elevation: 4,
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(10),
  ),
  child: ListTile(
    leading: Icon(Icons.person),
    title: Text('John Doe'),
    subtitle: Text('Software Developer'),
    trailing: Icon(Icons.arrow_forward),
  ),
)

Card(
  margin: EdgeInsets.all(16),
  child: Padding(
    padding: EdgeInsets.all(16),
    child: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text('Card Title', style: TextStyle(fontSize: 18)),
        SizedBox(height: 8),
        Text('This is a custom card content.'),
      ],
    ),
  ),
)