Flutter -如何在一个页面中显示两个相连的列表？

Flutter是一种跨平台的移动应用开发框架，可以同时在iOS和Android上构建高性能、美观的应用程序。在一个页面中显示两个相连的列表，可以通过使用Flutter的布局和列表组件来实现。

首先，我们可以使用Flutter的布局组件来创建一个页面，例如使用Container或Column来作为页面的根容器。然后，我们可以在这个容器中使用ListView.builder来创建两个相连的列表。

import 'package:flutter/material.dart';

class MyPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Two Connected Lists'),
      ),
      body: Container(
        child: Column(
          children: [
            Expanded(
              child: ListView.builder(
                itemCount: list1.length,
                itemBuilder: (context, index) {
                  return ListTile(
                    title: Text(list1[index]),
                  );
                },
              ),
            ),
            Expanded(
              child: ListView.builder(
                itemCount: list2.length,
                itemBuilder: (context, index) {
                  return ListTile(
                    title: Text(list2[index]),
                  );
                },
              ),
            ),
          ],
        ),
      ),
    );
  }
}

List<String> list1 = ['Item 1', 'Item 2', 'Item 3'];
List<String> list2 = ['Item A', 'Item B', 'Item C'];

在上面的代码中，我们使用Column作为根容器，并在其中嵌套了两个Expanded组件，用于让两个列表平分页面的剩余空间。然后，我们使用ListView.builder来构建列表，通过itemCount指定列表项的数量，并使用itemBuilder来构建每个列表项的UI。

这样，我们就可以在一个页面中显示两个相连的列表了。你可以根据实际需求修改列表的数据源和UI样式。

推荐的腾讯云相关产品：腾讯云移动开发平台（https://cloud.tencent.com/product/mpp）

请注意，以上回答仅供参考，具体实现方式可能因个人需求和项目要求而有所不同。