How to reduce the margin between 'leading' and 'title' for ListTile ? Flutter

Question

The margin between leading and title is too much;

How to decrease it; I have tried several ways:

1. warp the leading with container and set margin right negative;
2. warp the title and set padding-left

however, it does not work at all; is there any solution, i do need help

Answer 1

you're ultimately better off building your own containers - there's nothing special or complicated about ListTile. that way you can easily customize things like the spacing between a title and a button. just use something like so:

  Container(     padding: new EdgeInsets.symmetric(vertical: 6.0, horizontal: 6.0),     margin: EdgeInsets.symmetric(vertical: 6.0),      decoration: BoxDecoration(       borderRadius: BorderRadius.circular(6.0),       border: Border.all(color: Colors.black),     ),      child: Column(       children: <Widget>[         Row(           mainAxisAlignment: MainAxisAlignment.start,           children: <Widget>[                    IconButton(                     icon: Icon(myLeadingIcon),                     onPressed: () => {},                   ),                   Padding(padding: EdgeInsets.only(left: 20.0)),                   Text(_myTitle),                 ],               ),     ... 

Answer 2

The only answer that worked for me is to Matrix transform the title widget.

Here, the title text padding is decreased by 16.

ListTile(   leading: Icon(icon),   title: Transform(               transform: Matrix4.translationValues(-16, 0.0, 0.0),               child: Text("Title text",                           style: TextStyle(fontSize: 18, color: textPrimary)),               ), ); 

Source: How to set the padding between leading and title from Flutter ListTile?