Flutter学习-备忘录2

1.FadeInImage实现图片占位图

/// 透明渐显,需要transparent_image插件
FadeInImage.memoryNetwork(
    placeholder:kTransparentImage,
    image:'http://www.a.com/a.png'
)

/// 本地占位图
FadeInImage.assetNetwork(
    placeholder:'assets/a.gif',
    image:'http://www.a.com/a.png'
)

2.cached_network_image插件实现网络图片缓存

CachedNetworkImage(
    placeholder:(context,url) => new CirularProgressIndicator(),
    imageUrl:'http://www.a.com/a.png'
)

3.AnimatedWidget 和AnimatedBuilder 进行动画封装简化
4.hero动画实现页面过渡
tag:关联两个hero动画标识
createRectTween: 定义目标hero边界,在从起始位置到目标位置的飞行过程中该如何变化
5.PageView实现页面滚动
6.flutter_swiper 插件实现轮播图
7.MediaQuery.removePadding(removeTop:true,context:context,child: ListView(...)), 实现移除列表顶部预留
8.NotificationListener(),监听列表滚动, scrollNotification.depath == 0 ,代表第0个子元素
9.Opacity(opacity:1 child:xxx) ,实现改变子元素透明度
10.Future 中 timeout 可以实现超时效果处理
11.ExpansionTile 实现展开收起效果
12.数组复制:b = List<String>.from(a);
13.fultter create -t module xxx_module 执行时会创建原生中flutter模块
14.FractionallySizeBox 实现child布局,widthFactor:1宽度撑满屏幕
15.PhysicalModel 实现圆角

  PhysicalModel(
      color: Colors.transparent,
      borderRadius: BorderRadius.circular(6),
      clipBehavior: Clip.antiAlias,
      child: Container(),
    );
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容