美文网首页
Flutter 解决Column包裹GridView报错或者不

Flutter 解决Column包裹GridView报错或者不

作者: 青柠盛夏 | 来源:发表于2023-03-13 18:31 被阅读0次

    GridView 相当于iOS的UICollectionView,是最常用且好用的控件,在iOS中可以正常跟其他子控件一起直接加在父控件中,但是在flutter中如果想将GridView加在父组件也就是Column中则会报错或者显示不出来,网上说用Expanded包裹本人试过是不对的

    正确操作是需要在GridView里面设置shrinkWrap:true,

    shrinkWrap:通常 ListView(GridView,PageView,CustomScrollView)都会尽可能的填充满 parent 组件给的空间大小,如果滚动视图设置的是false,那么内容会在滚动方向上尺寸延伸到最大,如果在滚动方向上没有边界约束,那么shrinkWrap必须设置为true

    如果项目中想用Column,那么设置shrinkWrap:true 虽然不会报错但有可能也会有高度超了的情况,所以在Column中包裹一个SingleChildScrollView就可以解决问题了。如图:

    办法二: 直接将Column 改成ListView 并设置GridView中的shrinkWrap:true

    相关文章

      网友评论

          本文标题:Flutter 解决Column包裹GridView报错或者不

          本文链接:https://www.haomeiwen.com/subject/ppwcrdtx.html