SingleChildScrollView不能滚动

2022-07-03  本文已影响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,
    );
上一篇 下一篇

猜你喜欢

热点阅读