Flutter: How to evenly space ListTiles in ListView

I recommend you use the ListView.separated widget.
It has a property called the separatorBuilder. It return a Widget, here a SizedBox of a particular height, that will act as a separator.

Here is how you should do it:

ListView.separated(
  physics: BouncingScrollPhysics(),
  shrinkWrap: true,
  itemCount: 6,
  itemBuilder: (context, index) => Container(
    padding: EdgeInsets.all(12.0),
    child: Container(
      color: Colors.green,
      child: ListView(
        children: const <Widget>[
          ListTile(
            trailing: Icon(Icons.keyboard_arrow_right),
            title: Text('LATEST NEWS', textAlign: TextAlign.center,),
          ),
          ListTile(
            trailing: Icon(Icons.keyboard_arrow_right),
            title: Text('MARKET NEWS ', textAlign: TextAlign.center,),
          ),
          ListTile(
            trailing: Icon(Icons.keyboard_arrow_right),
            title: Text('MARKET REPORT', textAlign: TextAlign.center,),
          ),
          ListTile(
            trailing: Icon(Icons.keyboard_arrow_right),
            title: Text('LATEST NEWS', textAlign: TextAlign.center,),
          ),
          ListTile(
            trailing: Icon(Icons.keyboard_arrow_right),
            title: Text('MARKET NEWS ', textAlign: TextAlign.center,),
          ),
          ListTile(
            trailing: Icon(Icons.keyboard_arrow_right),
            title: Text('MARKET REPORT', textAlign: TextAlign.center,),
          ),

        ],
      ),
    ),
  ),
  separatorBuilder: (context, index) => SizedBox(
    height: 10,
  )
);

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)