如何在Flutter中使用ListView嵌套ListView？

Question

如何在使用索引的两个listview中（即嵌套的listview）使用分别在两个listview内部使用的模型类？例如图片

- Bhavik Dalal

---

"shrinkWrap: true" 只需使用此代码。 - Saiful Islam

滚动行为将会是怎样的？它们会分别滚动还是使用同一滚动事件？ - Yeasin Sheikh

他们将使用相同的滚动事件。您可以将其视为电子商务网站上的订单页面。第一个列表视图用于订单ID，子列表视图用于产品。因此，一个订单ID可以有多个产品。 - Bhavik Dalal

Answer 1

在内部ListView中添加shrinkWrap: true

- Bijoya_Banik

Answer 2

请参考下面的代码示例：

结果

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: ListView.builder(
        shrinkWrap: true,
        itemCount: 2,
        itemBuilder: (BuildContext context, int index) {
          return Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(
                "List View 1 | Index : $index",
                style: const TextStyle(
                  fontSize: 20.0,
                  fontWeight: FontWeight.bold,
                ),
              ),
              ListView.builder(
                shrinkWrap: true,
                physics: const NeverScrollableScrollPhysics(),
                itemCount: 5,
                itemBuilder: (BuildContext context, int index) {
                  return ListTile(
                    leading: const Icon(Icons.list),
                    trailing: const Text(
                      "Text",
                      style: TextStyle(color: Colors.green, fontSize: 15),
                    ),
                    title: Text(
                      "List View 2 | Index Val: $index",
                    ),
                  );
                },
              ),
            ],
          );
        },
      ),
    );
  }

- Tejaswini Dev