Flutter 空安全的糖果罐，墙都不扶就服你

最新推荐文章于 2024-09-15 07:22:24 发布

m0_64319333

最新推荐文章于 2024-09-15 07:22:24 发布

阅读量628

点赞数

分类专栏：程序员文章标签：面试 android 移动开发

本文链接：https://blog.csdn.net/m0_64319333/article/details/121398119

版权

本文介绍了Flutter的空安全对应用开发的影响，强调了在使用TabBarView、文本、输入框等组件时的注意事项。同时，推荐了如ExtendedTabs、ExtendedText和ExtendedTextField等扩展库，以提升开发效率。还介绍了ff_annotation_route库用于路由管理和迁移至空安全的步骤，并展示了如何处理空安全问题，特别是List类型的长度设置变化。

摘要由CSDN通过智能技术生成

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

TabBarView 扩展

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

解决多级 TabBarView 嵌套的时候，无法连贯切换的问题
垂直方向滚动
设置缓存页面数量
提供 CarouselIndicator 和 ColorTabIndicator


	[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hssSlu30-1637210521867)(https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/063fc96756c5475592cd75bc477bafc6~tplv-k3u1fbpfcp-watermark.image)]

文本

ExtendedText，针对 Text 组件的扩展，主要包括以下功能：

方便快速生成特殊文本，将字符串转换成特定的 InlineSpan。
BackgroundTextSpan 自定文字背景，处理圆角或者中英文背景高度不一致的问题。
ExtendedWidgetSpan 支持选择和复制， github.com/flutter/flu… .
TextOverflowWidget 自定义文本溢出效果, github.com/flutter/flu… 。

输入框

ExtendedTextField，针对 TextField 组件的扩展，主要包括以下功能：

方便快速生成特殊文本，原理很简单，就是把字符串转换成特定的 InlineSpan。
ExtendedWidgetSpan 支持输入框中插入任何 Widget，比如表情图片。
ExtendedWidgetSpan 支持选择和复制， github.com/flutter/flu… 。


[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sAfmfQSz-1637210521871)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0d9eb319cafe47e6a7dad6d09fc168b9~tplv-k3u1fbpfcp-watermark.image)]	[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KRzqbExw-1637210521878)(https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/39bac0044f724c258e126fd268b91e4d~tplv-k3u1fbpfcp-watermark.image)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Qu5xKDcn-1637210521878)(https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/41d2c8f1f3b34339bca40249ab0892ff~tplv-k3u1fbpfcp-watermark.image)]	[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YVyS4NB3-1637210521879)(https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/705c6b8c54d24898acc653e37ecc1d82~tplv-k3u1fbpfcp-watermark.image)]