flutter - 将文本与多个小部件对齐

Question

我如何对齐以下内容，以便开始图标和结束图标可以保持原样。
但是使文本开始。意思是“更改电子邮件地址”文本保持原样。
文本文本“更改密码”，起始字母C会与顶部C等等吗？
当前使用Row的spaceBetween选项。还尝试了在小部件之间使用Spacer，但这也不能给我我想要的控件。

Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: [
        Icon(Icons.email),
        // Spacer(flex: 2), // playing around with spacer and flex doesn't give the control I am looking for 
        Text('Change Email Address'),
        Icon(Icons.keyboard_arrow_right),
    ],
),
SizedBox(height: 10),
Divider(),
SizedBox(height: 10),
Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween  ,
    children: [
        Icon(Icons.lock),
        Text('Change Password'),
        Icon(Icons.keyboard_arrow_right),
    ],
),

希望使其看起来像以下:

icon   Change Email Address     Icon
icon   Change Password          Icon
icon   Change Add / Change Bio  Icon
icon   Notification             Icon
icon   Sign Out                 Icon

这就是我目前所拥有的。如您所见，文本未对齐。

Answer 1

您应该尝试将listTile用于此类操作，因为listTiles具有用于前导，标题和尾随小部件的参数，并且会自动将标题中的文本对齐以在您希望的位置开始

Column(
    children: [
      ListTile(
       leading: Icon(Icons.lock),
       title: Text('Change Email Address'),
       trailing: Icon(Icons.keyboard_arrow_right),
       ),
       ListTile(
        leading: Icon(Icons.lock),
        title: Text('Change Password'),
        trailing: Icon(Icons.keyboard_arrow_right),
       ),
    ],
)