Flutter ScrollView 滑动组件

 2023-09-10 阅读 20 评论 0

摘要:SingleChildScrollView 【x1】微信公众号的每日提醒 随时随记 每日积累 随心而过 【x2】各种系列的视频教程 免费开源 关注 你不会迷路 【x3】系列文章 百万 Demo 随时 复制粘贴 使用 h5 vue上下滑动显示、ScrollView 是一个抽象类 不可以直接实例化 SingleChildScrollView类似

SingleChildScrollView


【x1】微信公众号的每日提醒 随时随记 每日积累 随心而过

【x2】各种系列的视频教程 免费开源 关注 你不会迷路

【x3】系列文章 百万 Demo 随时 复制粘贴 使用


h5 vue上下滑动显示、ScrollView 是一个抽象类 不可以直接实例化

SingleChildScrollView类似于开发中常用的ScrollView

SingleChildScrollView

竖直滑动

 Widget buildScrollView() {return  SingleChildScrollView(//滑动的方向 Axis.vertical为垂直方向滑动,Axis.horizontal 为水平方向scrollDirection: Axis.vertical,//true 滑动到底部reverse: false,padding: EdgeInsets.all(0.0),滑动到底部回弹效果physics: BouncingScrollPhysics(),child: Center(child: Column(children: <Widget>[Container(color: Colors.white ,margin: EdgeInsets.only(top: 10),height: 440,),Container(color: Colors.green ,margin: EdgeInsets.only(top: 10),height: 540,),],),),);}

水平方向滑动

Widget buildScrollview() {return  SingleChildScrollView(//滑动的方向 Axis.vertical为垂直方向滑动,Axis.horizontal 为水平方向scrollDirection: Axis.horizontal,//true 滑动到底部reverse: false,padding: EdgeInsets.all(0.0),//滑动到底部回弹效果physics: BouncingScrollPhysics(),child: Center(child: Row(children: <Widget>[Container(color: Colors.white ,margin: EdgeInsets.only(top: 10),width: 440,height: 200,),Container(color: Colors.green ,margin: EdgeInsets.only(top: 10),width: 540,height: 200,),],),),);}

scrollview自动滚动?【1】 目前在西瓜视频上免费刊登 Flutter 系列教程,每日更新,欢迎关注接收提醒点击查看提示

在这里插入图片描述


【2】 本公众号会首发系列专题文章,付费的视频课程会在公众号中免费刊登,在你上下班的路上或者是睡觉前的一刻,本公众号都是你浏览知识干货的一个小选择,收藏不如行动,在那一刻,公众号会提示你该学习了。
在这里插入图片描述

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/5/35321.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息