ItemList 中的 ItemList 不滚动

Question

我有一个嵌套的 ItemList，如下所示：

SafeArea(
  child: ListView(
    padding: EdgeInsets.zero,
    children: <Widget>[
      ListTile(
        title: Text('Placeholder'),
      ),
      ListView.builder(
        shrinkWrap: true,
        itemCount: itemList.length,
        itemBuilder: (BuildContext context, int index) {
          final itemData = itemList[index];
          return Card(
            child: ListTile(
              title: Container(
                width: MediaQuery.of(context).size.width,
                child: Text(
                  itemData.text,
                  maxLines: 1,
                  overflow: TextOverflow.ellipsis,
                  style: Theme.of(context).textTheme.headline5,
                ),
              ),
            ),
          );
        },
      ),
    ],
  ),
),

按住直接放置在第一个列表中的项目时，我可以上下滚动，这样做也会从嵌套列表中移动项目。 （想要的行为）

当在子列表（带有构建器的那个）中保存项目时，什么都不会移动。

我想让所有项目在按住滚动时移动，我该怎么做？

有没有办法在没有 ListView.builder 的情况下构建列表，还是我错过了一些 ListView 参数？

Answer 1

您可以使用Listview 的physics 参数来获得预期的结果。

SafeArea(
    child: ListView(
      physics: AlwaysScrollableScrollPhysics(), // add this
      padding: EdgeInsets.zero,
      children: <Widget>[
        ListTile(
          title: Text('Placeholder'),
        ),
        ListView.builder(
          physics: NeverScrollableScrollPhysics(), // and this
          shrinkWrap: true,
          itemCount: itemList.length,
          itemBuilder: (BuildContext context, int index) {
            final itemData = itemList[index];
            return Card(
              child: ListTile(
                title: Container(
                  width: MediaQuery.of(context).size.width,
                  child: Text(
                    itemData.text,
                    maxLines: 1,
                    overflow: TextOverflow.ellipsis,
                    style: Theme.of(context).textTheme.headline5,
                  ),
                ),
              ),
            );
          },
        ),
      ],
    ),
  )

现在您的列表应该可以滚动了。