Flutter （颤振）DataTable行的数据单元内的水平ListView.Builder

我应该说，我在获取列、行等内部的ListView时总是会遇到问题，而不会出现大量错误，也不必真正找到解决方法。我已经搜索了这个，但找不到有效的解决方案

我试图在DataTable的每个数据单元中放置一个ListView.builder。这是我编的一个例子

我已经尝试了很多不同的方法——将ListView放在一个设置了宽度/高度的容器中，将它放在Flexible中，将它放在列/行中，等等。我还尝试了ListView.builder中各种属性的变化（即收缩包装打开和关闭、物理和非物理等），每一种都会给我带来新的错误，但都不起作用

  Widget build(BuildContext context) {
List<DataRow> _testRows = [
  DataRow(
    cells: [
      DataCell(
        ListView.builder(
          shrinkWrap: true,
          physics: NeverScrollableScrollPhysics(),
          itemCount: 3,
          scrollDirection: Axis.horizontal,
          itemBuilder: (BuildContext context, int index) {
            return Text(index.toString());
          },
        ),
      ),
      DataCell(
        Text('Data B'),
      ),
      DataCell(
        Text('Data C'),
      ),
    ],
  ),
];

return Scaffold(
  body: DataTable(
    columns: const <DataColumn>[
      DataColumn(
        label: Text('Column A'),
      ),
      DataColumn(
        label: Text('Column B'),
      ),
      DataColumn(
        label: Text('Column C'),
      ),
    ],
    rows: _testRows,
  ),
);

小部件构建（构建上下文）{
列表_testRows=[
数据行(
单元格：[
数据单元(
ListView.builder(
收缩膜：对，
物理学：NeverscrollableScroll物理学（），
物品计数：3，
滚动方向：轴水平，
itemBuilder:（构建上下文，int索引）{
返回文本（index.toString（））；
},
),
),
数据单元(
文本（“数据B”），
),
数据单元(
文本（“数据C”），
),
],
),
];
返回脚手架(
正文：数据表(
列：常量[
数据列(
标签：文本（“A列”），
),
数据列(
标签：文本（“B列”），
),
数据列(
标签：文本（“C列”），
),
],
行：_testRows，
),
);

---

}

您可以复制下面的粘贴运行完整代码
在这种情况下，您可以使用

函数\u testRows（）

并将

列表视图

包装为

容器

并设置

宽度

代码片段

 List<DataRow> _testRows() {
    return [
      DataRow(
        cells: [
          DataCell(
            Container(
              width: 100,
              child: ListView.builder(

List\u testRows（）{
返回[
数据行(
单元格：[
数据单元(
容器(
宽度：100，
子项：ListView.builder(

工作演示

完整代码

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  List<DataRow> _testRows() {
    return [
      DataRow(
        cells: [
          DataCell(
            Container(
              width: 100,
              child: ListView.builder(
                shrinkWrap: true,
                physics: NeverScrollableScrollPhysics(),
                itemCount: 3,
                scrollDirection: Axis.horizontal,
                itemBuilder: (BuildContext context, int index) {
                  return Text(index.toString());
                },
              ),
            ),
          ),
          DataCell(
            Text('Data B'),
          ),
          DataCell(
            Text('Data C'),
          ),
        ],
      ),
    ];
  }

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: DataTable(columns: const <DataColumn>[
          DataColumn(
            label: Text('Column A'),
          ),
          DataColumn(
            label: Text('Column B'),
          ),
          DataColumn(
            label: Text('Column C'),
          ),
        ], rows: _testRows()),
      ),
    );
  }
}

导入“包装：颤振/材料.省道”；
void main（）{
runApp（MyApp（））；
}
类MyApp扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回材料PP(
标题：“颤振演示”，
主题：主题数据(
主样本：颜色。蓝色，
视觉密度：视觉密度。自适应平台密度，
),
主页：MyHomePage（标题：“颤振演示主页”），
);
}
}
类MyHomePage扩展StatefulWidget{
MyHomePage（{Key，this.title}）：超级（Key:Key）；
最后的字符串标题；
@凌驾
_MyHomePageState createState（）=>\u MyHomePageState（）；
}
类_MyHomePageState扩展状态{
列表_testRows（）{
返回[
数据行(
单元格：[
数据单元(
容器(
宽度：100，
子项：ListView.builder(
收缩膜：对，
物理学：NeverscrollableScroll物理学（），
物品计数：3，
滚动方向：轴水平，
itemBuilder:（构建上下文，int索引）{
返回文本（index.toString（））；
},
),
),
),
数据单元(
文本（“数据B”），
),
数据单元(
文本（“数据C”），
),
],
),
];
}
@凌驾
小部件构建（构建上下文）{
返回安全区(
孩子：脚手架(
正文：DataTable（列：const[
数据列(
标签：文本（“A列”），
),
数据列(
标签：文本（“B列”），
),
数据列(
标签：文本（“C列”），
),
]，行：_testRows（）），
),
);
}
}

谢谢，这在示例中确实起了作用。但我的实际代码仍然存在一些问题，主要是因为它在ListView中不是一个固定数量的项目，我忘记了真正指定。因此，我无法真正限制此ListView的宽度，因为如果它需要大于给定的宽度，它将被截断。我最终只是使用了一个容器，宽度为50.0*list.length。基本上只是做图标宽度*列表中项目的数量。这样做似乎很奇怪。我觉得我缺少了一些应该使用的重要小部件；我认为Flexible可以做到这一点，但我想不是。