如何在Flutter/Dart中组合三个列表？

在Flutter/Dart中组合三个列表可以通过使用ListView.builder和Column来实现。以下是一个示例代码：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('List Combination'),
        ),
        body: MyListCombination(),
      ),
    );
  }
}

class MyListCombination extends StatelessWidget {
  final List<String> list1 = ['Item 1', 'Item 2', 'Item 3'];
  final List<String> list2 = ['Item A', 'Item B', 'Item C'];
  final List<String> list3 = ['Item X', 'Item Y', 'Item Z'];

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: list1.length,
      itemBuilder: (context, index) {
        return Column(
          children: [
            ListTile(
              title: Text(list1[index]),
            ),
            ListTile(
              title: Text(list2[index]),
            ),
            ListTile(
              title: Text(list3[index]),
            ),
            Divider(), // Optional: Add a divider between each group
          ],
        );
      },
    );
  }
}

在上面的示例中，我们创建了三个列表list1、list2和list3，分别代表三个不同的数据源。然后，我们使用ListView.builder来构建一个可滚动的列表视图，并使用Column来组合每个列表项。

在ListView.builder的itemBuilder回调中，我们使用index来访问每个列表的对应项，并将其作为ListTile的子项进行展示。通过在每个列表项之间添加Divider小部件，可以可选地在每个组之间添加分隔线。

这种方法可以用于组合任意数量的列表，只需将列表数据源替换为相应的数据即可。

腾讯云相关产品和产品介绍链接地址：