颤振ListTile左对准

Question

我有一个文本框和两个ListTile。我的问题是ListTile图标没有对齐。ListTile图标必须出现在文本字段的对齐中。

​

​

Widget build(BuildContext context) {
  return Column(
    children: <Widget>[
      TextField(),
      ListTile(
        title: const Text('Alarm'),
        leading: Icon(Icons.access_alarm),
      ),
      ListTile(
        title: const Text('Watch'),
        leading: Icon(Icons.watch),
      ),
    ],
  );
}

Answer 1

Widget build(BuildContext context) {
  return Column(
    children: <Widget>[
      TextField(),
      ListTile(
        title: const Text('Alarm'),
        contentPadding: EdgeInsets.all(0),
        leading: Icon(Icons.access_alarm),
      ),
      ListTile(
        title: const Text('Watch'),
        contentPadding: EdgeInsets.all(0),
        leading: Icon(Icons.watch),
      ),
    ],
  );
}

加法线

contentPadding: EdgeInsets.all(0)

我希望，这可能对你有所帮助：)

Answer 2

试试下面的代码--参见

Column(
      children: <Widget>[
        TextField(),
        ListTile(
          dense: true,
          visualDensity: const VisualDensity(vertical: -4),
          contentPadding: EdgeInsets.zero,
          title: const Text('Alarm'),
          leading: Icon(Icons.access_alarm),
        ),
        ListTile(
          dense: true,
          visualDensity: const VisualDensity(vertical: -4),
          contentPadding: EdgeInsets.zero,
          title: const Text('Watch'),
          leading: Icon(Icons.watch),
        ),
      ],
    ),

结果->

​