记录一个Flutter ListView嵌套Listview出现的问题

最新推荐文章于 2025-05-29 10:21:46 发布

原创最新推荐文章于 2025-05-29 10:21:46 发布 · 6.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#Flutter Listview嵌套 #Listview触摸

Flutter学习专栏收录该内容

24 篇文章

订阅专栏

本文介绍在Flutter中解决ListView嵌套滑动问题的方法。包括如何使内部ListView不占用空间，以及如何禁用其滑动事件，实现内外层ListView同时响应滑动。通过设置shrinkWrap和physics属性，以及使用同一个ScrollController来协调多个ListView的滑动。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们知道在Flutter里面 ,Listview相当于一个原生的Scrollview,即滑动布局，同时它也可以充当一个数据列表，所以有时候会出现嵌套的情况。
1 那么里面的listview item布局如果没有给定高度的话，它将不显示
2 当手指在内层的listview触摸滑动的时候，发现不起作用，对外层的listview滑动不了，在别处却可以滑动外层的布局

直接上代码解决

 ListView(
          children: <Widget>[
              ListView(
                    shrinkWrap: true, //为true可以解决子控件必须设置高度的问题
                    physics:NeverScrollableScrollPhysics(),//禁用滑动事件
              ),
        ],
        )

如果需要两个listview同时滑动，则需要向他们传同一个scrollcontroller

ScrollController _scrollController;
  ListView(
    controller:_scrollController,
      children: <Widget>[
          ListView(
                controller:_scrollController,
          ),
    ],
    )