如何在颤动中创建像这样的图像的列表按钮答案

【问题标题】：How create List button like this Image in flutter如何在颤动中创建像这样的图像的列表按钮
【发布时间】：2019-11-21 22:04:49
【问题描述】：

我对使用最适合此显示的小部件感到困惑

【问题讨论】：

标签： flutter flutter-layout

【解决方案1】：

您可以为每个元素使用ListTile，在它们之间使用Divider

ListView.builder(
  itemBuilder: (context, i) {
    if (i.isOdd)
      return Divider();
    final index = i ~/ 2;
    return buildRow(index);
  },
  itemCount: [your_items].length * 2,
  controller: controller,
);

Widget buildRow(int index) {
  return ListTile(
    leading: /* your icon */,
    title: /* title */,
    subtitle: /* subtitle */,
    trailing: /* right arrow */,
  )
}

【讨论】：

【解决方案2】：

您可以使用最适合此的ListView 小部件。像这样

Scaffold(
        appBar: AppBar(title: Text('Something'),),
        body: ListView(
          children: <Widget>[
            buildListTile(Icons.phone, 'Telepon', "Kode verfikasi akan dikirim melalui telepon", Icons.arrow_forward_ios),
Divider(), // <-- this is added
            buildListTile(Icons.chat_bubble, 'SMS', "Lorem ipsum dolor sit amet, consectetur", Icons.arrow_forward_ios),
Divider(), // <-- this is added
          ],
        ),
      )
    );
  }

  ListTile buildListTile(leadingIcon, titleText, subtitleText, trailingIcon) {
    return ListTile(
            leading: Icon(leadingIcon),
            title: Text(titleText),
            subtitle: Text(subtitleText),
            trailing: Icon(trailingIcon),
          );
  }

【讨论】：

如何添加行？