博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Flutter: AnimatedCrossFade 在两个给定的子节点之间交叉淡化,避免大量三元表达式...
阅读量:7030 次
发布时间:2019-06-28

本文共 1050 字,大约阅读时间需要 3 分钟。

可以减少在WIdget中“test-then-else”这样的三元表达式来加载不同UI显示,还有自带淡入淡出动画。

class _MyHomeState extends State
{ var _lst =
[]; @override void initState() { getData(); super.initState(); } getData() async { await Future.delayed(Duration(seconds: 4)); setState(() { _lst = List.generate(100, (int index) => "Item ${index + 1}"); }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Flutter Demo'), ), body: AnimatedCrossFade( duration: Duration(milliseconds: 600), firstChild: Center( child: CircularProgressIndicator(), ), secondChild: ListView( children: _lst .map((String s) => ListTile( key: Key(s), title: Text(s), )) .toList(), ), crossFadeState: _lst.isEmpty ? CrossFadeState.showFirst : CrossFadeState.showSecond, ), ); }}

转载于:https://www.cnblogs.com/ajanuw/p/10931024.html

你可能感兴趣的文章
把123456789转换为12-345-6789的三种方法
查看>>
Mysql选择合适的存储引擎
查看>>
UVa 11172 - Relational Operator
查看>>
UVa 10179 - Irreducable Basic Fractions
查看>>
日常会议
查看>>
SCP,SSH应用
查看>>
第二章 单表查询 T-SQL语言基础(1)
查看>>
C#中给RichTextBox加上背景图片
查看>>
竞赛准备篇---(四)子集生成
查看>>
JQuery判断复选框是否有选中
查看>>
ng之{{value}}顺序
查看>>
MSSQL 调用 .net 代码
查看>>
二分查找系列
查看>>
[翻译]通往t - sql的阶梯:超越基本级别2:编写子查询
查看>>
web前端中的一些注释表达法
查看>>
Kotlin学习与实践 (八)集合的函数式 lambda API
查看>>
Kotlin学习与实践 (三)fun 函数
查看>>
[原]Unity3D深入浅出 - 脚本开发基础(Scripts)
查看>>
HTTP Error 503. The service is unavailable
查看>>
常用的排序、查找算法的时间复杂度和空间复杂度
查看>>