Flutter 页面滑动嵌套列表不能滑动

最新推荐文章于 2025-01-04 14:21:00 发布

氤氲息

最新推荐文章于 2025-01-04 14:21:00 发布

阅读量1.5k

点赞数

分类专栏：安卓文章标签： flutter

本文链接：https://blog.youkuaiyun.com/weixin_44911775/article/details/124758906

版权

安卓专栏收录该内容

381 篇文章

订阅专栏

本文探讨了在Flutter中使用SingleChildScrollView时遇到的问题，即当它内部嵌套了ListView或GridView导致的滚动冲突。错误信息为'Failed assertion: line 1785 pos 12: 'hasSize''. 解决方案在于使用NeverScrollableScrollPhysics()禁止子视图的滚动，并通过shrinkWrap属性确保其尺寸适应。示例代码展示了如何正确配置这两个组件以避免冲突。

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

参考
报错：Failed assertion: line 1785 pos 12: ‘hasSize’

原因：1. SingleChildScrollView 嵌套 ListView、GridView报错，SingleChildScrollView 和 ListView 都有滚动

SingleChildScrollView(
  child: Column(
    children: <Widget>[
      GridView.count(
        crossAxisCount: 2,
        children: <Widget>[],
        physics: NeverScrollableScrollPhysics(),
        shrinkWrap: true,
      ),
      ListView.builder(
        itemCount: 10,
        itemBuilder: (context, index) {
          return Text("test");
        },
        physics: NeverScrollableScrollPhysics(),
        shrinkWrap: true,
      )
    ],
  ),
)

SingleChildScrollView(
    child: ConstrainedBox(
        constraints: BoxConstraints(maxHeight: MediaQuery.of(context).size.height),
        child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: <Widget>[
                Expanded(
                    child: Text('Hello World!'),
                ),
            ],
        ),
    )
)