文章目录
前言
一、移除顶部状态栏空白
二、帧布局组件
三、透明度组件
四、监听滚动事件
五、完整代码示例
六、相关资源
前言
在上一篇博客 【Flutter】Banner 轮播组件 ( flutter_swiper...插件 | Swiper 组件 ) 基础上进行开发 ;
一、移除顶部状态栏空白
----
在 Flutter 界面上方 , 默认有个状态栏 , 显示时间 , 电量 , 网络 , 信号强度等信息 , 这个状态栏是半透明的...return Scaffold(
/// 居中组件
body: Center(),
);
}
修改后的代码 : 下面代码中的 removeTop: true 很关键...onNotification 属性中设置监听事件 , 传入一个 NotificationListenerCallback 类型的方法 , 方法参数是 ScrollNotification 类型的 ;
指定监听的组件...获取滚动的距离 ; 滚动距离在 0 ~ 100 之间时 , 透明度组件透明度从 0 ~ 1 变化 , 如果滚动距离 >= 100 , 则透明度组件为 1 , 如果滚动距离小于 0 , 则透明度为 0