Flutter 空安全的糖果罐,行业寒冬

本文介绍了Flutter的空安全对项目的影响,并详细展示了各种组件的扩展,如图片组件ExtendedImage,列表扩展ExtendedList,输入框ExtendedTextField等,还提到了路由注解ff_annotation_route的使用,以及如何进行空安全迁移的指导。文章提供了丰富的示例代码和功能说明,帮助开发者更好地理解和应用Flutter的空安全特性。
摘要由CSDN通过智能技术生成

(默认放置在 “lib” 下面)
-r, --rule consts 的名字的命名规范
“lwu”(小写带下划线) : “assets_images_xxx_jpg”
“uwu”(大写带下划线) : “ASSETS_IMAGES_XXX_JPG”
“lcc”(小驼峰) : “assetsImagesXxxJpg”
(默认 “lwu”)
-c, --class const 类的名字
(默认 “Assets”)
–const-ignore 使用正则表达式忽略一些const(不是全部const都希望生成)

assets_generator.gif

图片

ExtendedImage,集众多功能为一体的图片组件,包括以下主要功能:

  • 缓存网络图片
  • 加载状态(正在加载,完成,失败)
  • 拖拽缩放图片
  • 图片编辑(裁剪,旋转,翻转)
  • 图片预览(跟微信掘金一样)
  • 滑动退出效果(跟微信掘金一样)
  • 设置圆角,边框
  • 支持进度显示
  • 图片预览上滑显示详情(跟图虫一样)
  • 减少内存占用
zoom.gif slide.gif photo_view.gif
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cEG8cdWN-1637309523707)(https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/440c95ef3f284123bb23e5a33c6c4391~tplv-k3u1fbpfcp-watermark.image)] 9e93eba3cc614ddbb818a3a445a41a99_tplv-k3u1fbpfcp-zoom-1 (1).gif 2097626b7d0a406ab769cb528a31388e_tplv-k3u1fbpfcp-zoom-1.gif

列表扩展

ExtendedList,针对官方 ListviewGirdView 做的扩展组件,包括以下主要功能:

  • 监听元素回收
  • 监听 Viewport 中元素变化
  • 为最后一个元素设置特殊布局
  • 列表倒序特殊布局,类聊天列表
gridview.gif chat_list.gif

嵌套滚动视图扩展

ExtendedNestedScrollView,主要解决官方 NestedScrollView 存在的2个问题。

Sliver 扩展

ExtendedSliver,对 Sliver 组件的扩展,主要包括以下功能:

  • SliverPinnedPersistentHeader,跟官方的SliverPersistentHeader(pinned: true) 一样的效果, 不同的是你不需要去设置 minExtentmaxExtent。因为大部分场景下面,我们是无法提前知道 minExtentmaxExtent
  • SliverPinnedToBoxAdapter,可以通过它轻松创建一个置顶的元素,当 child 没有 layout 之前,你没法知道 child 的实际大小,这将是非常有用的组件。
  • ExtendedSliverAppbar,你可以创建一个跟 SliverAppbar 一样效果的组件,而不用去关心 expandedHeight

extended_sliver.gif

TabBarView 扩展

ExtendedTabs,对 TabBarView 组件的扩展,主要包括以下功能:

  • 解决多级 TabBarView 嵌套的时候,无法连贯切换的问题
  • 垂直方向滚动
  • 设置缓存页面数量
  • 提供 CarouselIndicator<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值