Flutter CupertinoSliverRefreshControl 苹果风格的刷新效果

题记

—— 优美的应用体验来自于细节的处理，更源自于码农的自我要求与努力，当然也需要码农年轻灵活的思维。

Flutter是谷歌推出的最新的移动开发框架。

RefreshIndicator 是 Material 风格的滑动刷新Widget

CupertinoSliverRefreshControl 是苹果风格的滑动刷新Widget ，效果是下拉刷新显示的加载圆圈。

盘点Flutter跨平台APP开发中使用到的进度条

CupertinoSliverRefreshControl 是Sliver家族中的一员，需要结合 NestScrollView 或者是CustomScrollView来使用。

本文章实现Demo运行效果如下：

Demo配置如下

///下拉刷新组件
class HomePageRefreshIndicator extends StatefulWidget {@override_TestPageState createState() => _TestPageState();
}class _TestPageState extends State<HomePageRefreshIndicator> {@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text("下拉刷新"),),body: CustomScrollView(slivers: <Widget>[//下拉刷新组件CupertinoSliverRefreshControl(//下拉刷新回调onRefresh: () async {//模拟网络请求await Future.delayed(Duration(milliseconds: 1000));//结束刷新return Future.value(true);},),//列表SliverList(delegate: SliverChildBuilderDelegate((content, index) {return ListTile(title: Text('测试数据$index'),);}, childCount: 100),)],),);}
}

【x1】微信公众号的每日提醒随时随记每日积累随心而过文章底部扫码关注

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

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

【x4】一目了然的源码

【x5】简短的视频不一样的体验

不局限于思维，不局限语言限制，才是编程的最高境界。

以小编的性格，肯定是要录制一套视频的，随后会上传

有兴趣你可以关注一下西瓜视频 — 早起的年轻人

本文章的源码在这里

Flutter CupertinoSliverRefreshControl 苹果风格的刷新效果相关推荐

Flutter RefreshIndicator 下拉刷新组件 Material 风格的刷新效果
题记 -- 优美的应用体验来自于细节的处理,更源自于码农的自我要求与努力,当然也需要码农年轻灵活的思维. 盘点Flutter跨平台APP开发中使用到的进度条 Flutter是谷歌推出的最新的移动开发 ...
苹果手机键盘html代码大全,CSS_CSS3制作苹果风格键盘特效，效果预览：html标签：- phpStudy...
CSS3制作苹果风格键盘特效效果预览: html标签: 复制代码代码如下: CSS3 KeyBoard Q W E R T Y U I O P ? A S D F G H J K L return ...
Flutter NestedScrollView 滑动折叠头部下拉刷新效果
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,优美的应用体验来自于细节的处理,更源自于码农的自我要求与努力 Flutter是谷歌推出的最新的移动开发框架. [x1]微信公众号的每日 ...
One Page Scroll – 实现苹果风格的单页滚动效果
单页滚动网站已经被广泛使用了有一段时间了,它们对于快速提供信息是很有用的.One Page Scroll 是一个 jQuery 插件,简化了创建此类网站的步骤,只需创建 HTML 结构,进行简单设置, ...
Flutter开发之——下拉刷新
一概述本文介绍Flutter中的下拉刷新组件: RefreshIndicator:Material风格的下拉刷新组件 CupertinoSliverRefreshControl: ios风格的下拉 ...
苹果风格ui_苹果如何使Soft-UI成为未来
苹果风格ui 重点 (Top highlight) Apple announced some pretty wild updates at WWDC 2020 today. 苹果今天在WWDC 202 ...
listview刷新_Flutter NestedScrollView 滑动折叠头部下拉刷新效果
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. Flutter是谷歌推出的最新的移动开发框架. 本实例运行效果如下 : //启动函数void main() { runApp(Root ...
Flutter如何实现下拉刷新和上拉加载更多
效果下拉刷新如果实现下拉刷新,必须借助RefreshIndicator,在listview外面包裹一层RefreshIndicator,然后在RefreshIndicator里面实现onRefre ...
用Coreldraw制作晶莹剔透苹果风格按钮(转)
用Coreldraw制作晶莹剔透苹果风格按钮(转)[@more@] 浏览过苹果公司主页的人,想必对其晶莹剔透,流光溢彩的网页按钮有深刻的印象(图0).记得看过介绍制作苹果风格按钮的文章,不过那是用PH ...

Flutter CupertinoSliverRefreshControl 苹果风格的刷新效果

Flutter CupertinoSliverRefreshControl 苹果风格的刷新效果相关推荐

最新文章

热门文章