CODEWITHSUNDEEP
flutter
TJ.dev
TJ.dev

Reputation: 23

ListView remove space between ListTile

I am trying to remove empty space between ListTile in a ListView

The list i am trying to delete space from

What i tried so far : Remove padding of ListView Remove padding of ListTile Remove any space from the ListTile content.

I know it is probably that i dont understand where that free space come from. Any idea ?

    Widget buildWidget() {
    List<ListItem> listData = createListData();

    return ListView.builder(
        padding: const EdgeInsets.all(0),
        itemCount: listData.length,
        itemBuilder: (context, index) {
          final item = listData[index];
          return ListTile(
            contentPadding: const EdgeInsets.all(0),
            title: item.buildTitle(context),
          );
        }
    );
  }

EDIT Solved : ListTile force padding. So even if the answer work if you're force to use a ListTile. Basicly using a Container instead of ListTile make it work without that strange fix.

Upvotes: 1

Views: 966

Answers (1)

Kaushik Chandru
Kaushik Chandru

Reputation: 17734

Just add dense: true, so:

ListTile(
    dense: true,
    contentPadding: EdgeInsets.symmetric(horizontal: 0.0, vertical: 0.0),
    visualDensity: VisualDensity(horizontal: 0, vertical: -4),
)

Upvotes: 1

Related Questions