Flutter listview builder remove padding

Flutter ListView Builder – Remove Padding

In Flutter, the ListView Builder widget is used to build a list of children widgets dynamically. By default, the ListView Builder wraps its children with some padding. However, if you want to remove this padding, you can customize the builder’s itemExtent property.

The itemExtent property is responsible for specifying the extent (size) of each item in the list. By setting it to the child’s actual height (without padding), you can remove the extra padding.

Example:

Let’s say we have a ListView Builder with some ListTile children:

  
ListView.builder(
  itemCount: items.length,
  itemBuilder: (BuildContext context, int index) {
    return ListTile(
      title: Text(items[index]),
    );
  },
)
  
  

To remove the padding, you can wrap each ListTile widget with a Container and set its height explicitly:

  
ListView.builder(
  itemCount: items.length,
  itemBuilder: (BuildContext context, int index) {
    return Container(
      height: 56, // Set the height to the actual height of ListTile without padding
      child: ListTile(
        title: Text(items[index]),
      ),
    );
  },
)
  
  

By setting the height of the Container to the actual height of the ListTile (in this example, 56 pixels), you effectively remove the default padding added by the ListView Builder.

Remember to adjust the height value according to your specific ListTile’s height and style.

That’s it! Now you’ve successfully removed the padding in the ListView Builder using Flutter.