📜  如何在列表平铺颤动中放置两个尾随图标 - Dart (1)

📅  最后修改于: 2023-12-03 14:52:54.250000             🧑  作者: Mango

如何在列表平铺颤动中放置两个尾随图标 - Dart

在Dart中,可以使用 ListViewListTile 组件来创建列表。要在列表平铺颤动中放置两个尾随图标,我们可以在 ListTile 中使用 Row 组件来容纳这两个图标。

下面是一个实现的代码片段:

ListView.builder(
  itemCount: 10,
  itemBuilder: (BuildContext context, int index) {
    return ListTile(
      title: Text('Item $index'),
      trailing: Row(
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          Icon(Icons.delete),
          SizedBox(width: 8.0),
          Icon(Icons.edit),
        ],
      ),
    );
  },
);

在上面的代码中,我们使用了 ListView.builder 来创建一个列表,其中包含10个 ListTile 组件。在每个 ListTile 中,我们添加了一个 trailing 属性,其中包含一个 Row 组件。这个 Row 组件包含两个图标,一个是删除图标,一个是编辑图标。

注意,在 Row 组件中,我们使用了 mainAxisSize 属性来设置主轴的尺寸。通过将其设置为 MainAxisSize.min,我们确保 Row 只在必要时才会占据尽可能少的空间。

这是在Flutter应用程序中创建具有上述功能的列表的一种方法。你可以根据需要进行更改或自定义,以实现你特定的设计需求。

以上就是如何在列表平铺颤动中放置两个尾随图标的介绍。