可滚动Widget SingleChildScrollView

SingleChildScrollView类似于Android中的ScrollView，它只能接收一个子Widget。定义如下：

SingleChildScrollView({this.scrollDirection = Axis.vertical, //滚动方向，默认是垂直方向this.reverse = false, this.padding, bool primary, this.physics, this.controller,this.child,
})

reverse：是否安州阅读方向相反的方向滑动。

Primary：指是否使用widget树中默认的PrimaryScrollController;当滑动方向为垂直方向（scrollDirection值为Axis.vertical）并且controller没有指定时，primary默认为true。

示例

下面是一个大写字母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( //动态创建一个List<Widget>  children: str.split("") //每一个字母都用一个Text显示,字体为原来的两倍.map((c) => Text(c, textScaleFactor: 2.0,)) .toList(),),),),);}
}

效果

转载于:https://www.cnblogs.com/zxpy/p/10634830.html

可滚动Widget SingleChildScrollView相关推荐

08-可滚动Widget
可滚动Widget ViewPort视口在Flutter中,术语ViewPort(视口),如无特别说明,则是指一个Widget的实际显示区域.例如,一个ListView的显示区域高度是800像素,虽 ...
读书笔记——Flutter实战
第一章起步 1.2:初识Flutter 静态编译与动态解释:静态编译的程序在执行前全部被翻译为机器码,通常将这种类型称为AOT (Ahead of time)即 "提前编译":而 ...
监听一个可下拉区域的滚动监听_Flutter 实现一个悬浮的效果
知乎视频www.zhihu.com 在原来的基础布局下修改江景:Flutter 实现钉钉侧边栏zhuanlan.zhihu.com 修改 DTMessageScreen 使用 Stack 作为容 ...
Flutter NestedScrollView实现的一个经典滑动折叠头部图片的效果
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. Flutter是谷歌推出的最新的移动开发框架. Flutter NestedScrollView 滑动组件是用来处理复杂情况下的滑动应 ...
深入Flutter（四） Infinite scrolling -- 无限滚动
文章系列深入Flutter(一) 积极推进"组合"方式深入Flutter(二) 线性时间复杂度的 build 和 layout 深入Flutter(三) Element树和Re ...
Flutter键盘弹出造成布局异常解决
在使用flutter开发时,经常会遇到输入框弹起的时候,debug环境下会提示布局异常.下面我们分两种情况进行讨论分析输入框在可滚动widget上输入框如果在滚动的widget上时,键盘弹起, ...
基于Flutter的仿微信聊天应用
前言作为当下风头正劲的跨端框架,flutter成为原生开发者和前端开发者争相试水的领域,笔者将通过一个仿微信聊天的应用,展现flutter的开发流程和相关工具链,旨在熟悉flutter的开发生态 ...
Flutter 新闻客户端 - 09 详情页展示、分享、远程真机调试
B站视频 https://www.bilibili.com/video/BV18e411s7A1 https://www.bilibili.com/video/BV1RZ4y1W7CN 本节目标详情 ...
Android学习Flutter的Widget
在Android中,View是屏幕上显示的所有内容的基础, 按钮.工具栏.输入框等一切都是View. 在Flutter中,View相当于是Widget.以下的一些常见的Widget以及我们常用到的属性 ...

可滚动Widget SingleChildScrollView

示例

效果

可滚动Widget SingleChildScrollView相关推荐

最新文章

热门文章