FlutterListView 列表 ( List 集合的 map 方法说明 | 垂直列表 | 水平列表 | 代码示例 )

10 min read

FlutterListView 是一个常用的 Flutter 组件，用于展示列表（或集合）中的数据，可以支持水平或垂直滚动。

在 Flutter 中，我们可以使用 List 集合的 map 方法将数据集合转换为 Widget 集合，然后将这些 Widget 集合传递给 ListView 组件，从而实现列表的展示。

下面是一个示例代码，展示如何使用 map 方法将字符串集合转换为 Text Widget 集合，然后将这些 Text Widget 集合传递给 ListView 组件，实现一个简单的垂直列表：

List<String> items = ['Apple', 'Banana', 'Orange', 'Grape', 'Watermelon'];

ListView(
  children: items.map((item) => Text(item)).toList(),
)

在这个示例中，我们将 items 集合中的每一个元素使用 map 方法，将其转换为一个 Text Widget，并将这些 Text Widget 集合传递给 ListView 的 children 属性中。

如果我们希望将这个列表变成水平方向的，只需要将 ListView 组件的 scrollDirection 属性设置为 Axis.horizontal，如下所示：

ListView(
  scrollDirection: Axis.horizontal,
  children: items.map((item) => Text(item)).toList(),
)

以上就是使用 List 集合的 map 方法，将数据集合转换为 Widget 集合，实现垂直和水平 ListView 列表的示例代码。