美文网首页
SingleChildScrollView不能滚动

SingleChildScrollView不能滚动

作者: 晓函 | 来源:发表于2022-07-03 22:48 被阅读0次

Column嵌套SingleChildScrollView

三层全套

Column
   SingleChildScrollView
       ListView(physics: NeverScrollableScrollPhysics(),shrinkWrap:true)

外层包了Column,导致SingleChildScrollView无法滚动。

解决办法:加一层Expanded

Column
    Expanded
        SingleChildScrollView
            ListView(physics: NeverScrollableScrollPhysics(),shrinkWrap:true)

SingleChildScrollView嵌套Stack

Stack中一定要加入一个明确的高度
重点:
1、Stack中children加入Container(height: 690.h)
2、SingleChildScrollView 嵌套> IntrinsicHeight 嵌套> stack

    Widget page = Stack(
      children: <Widget>[
        Positioned(
          child: buildHeader(),
          left:0,
          right: 0,
          top:0,
        ),
        
        Positioned(
          child: buildBody(),
          left:0.w,
          right: 0.w,
          top:150.w,
        ),
        //加入一个全屏幕高度,这样Stack可以配合SingleChildScrollView&IntrinsicHeight
        Container(height: 690.h)

      ],
    );

    var scrollview = SingleChildScrollView(child:IntrinsicHeight(child:page),);

    return Scaffold(
      body: scrollview,
    );

相关文章

网友评论

      本文标题:SingleChildScrollView不能滚动

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