SingleChildScrollView類似于Android中的ScrollView，它只能接收一個(gè)子Widget。定義如下：

SingleChildScrollView({this.scrollDirection = Axis.vertical, //滾動(dòng)方向，默認(rèn)是垂直方向this.reverse = false, this.padding, bool primary, this.physics, this.controller,this.child, })

reverse：是否安州閱讀方向相反的方向滑動(dòng)。

Primary：指是否使用widget樹中默認(rèn)的PrimaryScrollController;當(dāng)滑動(dòng)方向?yàn)榇怪狈较?#xff08;scrollDirection值為Axis.vertical）并且controller沒有指定時(shí)，primary默認(rèn)為true。

示例

下面是一個(gè)大寫字母A-Z沿垂直方向顯示的例子，由于垂直方向空間不夠，所以使用SingleChildScrollView。

class SingleChildScrollViewTestRoute extends StatelessWidget {@overrideWidget build(BuildContext context) {String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";return Scrollbar(child: SingleChildScrollView(padding: EdgeInsets.all(16.0),child: Center(child: Column( //動(dòng)態(tài)創(chuàng)建一個(gè)List<Widget> children: str.split("") //每一個(gè)字母都用一個(gè)Text顯示,字體為原來的兩倍.map((c) => Text(c, textScaleFactor: 2.0,)) .toList(),),),),);} }

效果

?

轉(zhuǎn)載于:https://www.cnblogs.com/zxpy/p/10634830.html

總結(jié)

以上是生活随笔為你收集整理的可滚动Widget SingleChildScrollView的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。