监听一个可下拉区域的滚动监听_Flutter 实现一个悬浮的效果

知乎视频www.zhihu.com

在原来的基础布局下修改

江景：Flutter 实现钉钉侧边栏zhuanlan.zhihu.com

修改 DTMessageScreen

使用 Stack 作为容器
且套 SingleChildScrollView ，监听 controller 滚动事件
再 Stack 容器中多添加一个DTMessageTopQuick，使用 Positioned 包裹
通过监听 controller 控制 AnimatedOpacity 透明度显示和隐藏

@overrideWidget build(BuildContext context) {return Scaffold(backgroundColor: Colors.white,appBar: buildAppBar(context),body: Stack(children: <Widget>[SingleChildScrollView(controller: _scrollController,child: Column(children: <Widget>[DTMessageSearchDecoration(),DTMessageTopQuick(),DTMessageTopMask(),DTMessageListView(),],),),Positioned(top: 0,left: 0,right: 0,child: AnimatedOpacity(opacity: topQuickOpacity,duration: Duration.zero,child:Container(color: Colors.white, child: DTMessageTopQuick())),),],),);}

添加滚动监听

ScrollController _scrollController;double topQuickOpacity = 0.0;@overridevoid initState() {_scrollController = ScrollController();_scrollController..addListener(() {int offset = _scrollController.offset.ceil();this.setState(() {topQuickOpacity = offset > kSize70 ? 1.0 : 0.0;});});super.initState();}

监听一个可下拉区域的滚动监听_Flutter 实现一个悬浮的效果相关推荐

layui select(下拉框)修改事件监听
layui select(下拉框)修改事件监听示例(节选): 当下拉框选项修改后,自动执行my_function函数. HTML部分: <select id="camera_strea ...
java月份下拉菜单_实现一个日期下拉菜单
这篇文章的主旨是弄清楚如何根据实际需求实现一个联动菜单以及联动菜单的原理,实例是实现一个日期选择下拉菜单.本文调试环境为IE6/firefox1.5. 首先来分析一下日期下拉菜单的需求.建议大家在写任 ...
html如何实现日期下拉菜单,实现一个日期下拉菜单
这篇文章的主旨是弄清楚如何根据实际需求实现一个联动菜单以及联动菜单的原理,实例是实现一个日期选择下拉菜单.本文调试环境为IE6/firefox1.5. 首先来分析一下日期下拉菜单的需求.建议大家在写任 ...
一个免费下拉关键词SEO小工具（持续更新中...）
一个免费下拉关键词SEO小工具(持续更新中...) 帮助链接:转接后续功能: 支持界面设置关键词支持后台运行
使用JavaScript写一个三级下拉框联动
使用JavaScript写一个三级下拉框联动首先我们需要确定思路,定义三个下拉框: 1.从后台获取包含的数组1.1定义数组2.将数组中的信息添加到下拉框中2.1遍历数组,将数组信息添加下拉框2.2每 ...
（仿头条APP项目）6.点击过的新闻列表文字变灰和下拉刷新与滚动加载新闻数据
文章目录一.点击过的新闻列表文字变灰效果图实现思路导入ormlite数据库类依赖利用ormlite创建数据库和表创建数据库类MyDbHelper 创建数据库中的新闻实体类NewInfo 页 ...
html中下拉列表监听事件,ExtJS 下拉框监听事件、日期选择器监听事件、实现动态给items添加删除数据...
本文将为您描述ExtJS 下拉框监听事件.日期选择器监听事件.实现动态给items添加删除数据,具体实现方法: 1.下拉框下拉框选择时,触发事件的方法: 在 Ext.form.ComboBox 组件 ...
恭喜发财！ -- 手把手教你仿造一个qq下拉抢红包 Android自定义view
猴年猴赛雷啊各位,今天没吃药我感觉自己萌萌哒! qq和微信和支付宝红包大战,不知道各位的战绩是多少嘞? 反正我qq抢到的都是气泡.因为太不爽,所以自己写一个下拉抢红包自己玩(自己跟自己玩). 先来看效 ...
保证excel公式往下拉区域不变及VLOOKUP函数说明
按着表格往下拉时: 1.仅填充格式,只是把其单元格格式填充到下面的单元格上,而里面的公式并没有填充上去. 2.复制单元格,公式随着单元格变化而变化的话 3.如果你想把这个公式保持不变,如所有的单元格 ...

监听一个可下拉区域的滚动监听_Flutter 实现一个悬浮的效果

修改 DTMessageScreen

添加滚动监听

监听一个可下拉区域的滚动监听_Flutter 实现一个悬浮的效果相关推荐

最新文章

热门文章