koriai / listtile_to_card

ListTileToCard

Features

According to official Material 3: Card, listtile and card are good to show list items.

This package provides Widget transforms into ListTile or Card by the MediaQuery.of(context).size

Usage

ListTileToCard(
    breakWidth: 400,
    axisDirection: AxisDirection.left,
    cardMargin: const EdgeInsets.all(12),
    cardElevation: 6,
    cardShape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(16),
    ),
    mainAxisAlignment: MainAxisAlignment.end,
    crossAxisAlignment: CrossAxisAlignment.end,
    listTile: ListTile(
    leading: const Icon(Icons.start),
    trailing: const Icon(Icons.exit_to_app_outlined),
    title: Text('Width: ${size.width}, Heigth: ${size.height}'),
    onTap: _incrementCounter,
    ),
)

Additional information

On progress: ListView for ListTile and Gridview for Card