Flutter 2.0空安全之自定义Widge适配
侧边栏壁纸
  • 累计撰写 269 篇文章
  • 累计收到 275 条评论

Flutter 2.0空安全之自定义Widge适配

Karry Bai
2021-12-08 / 0 评论 / 73 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2022年04月19日,已超过71天没有更新,若内容或图片失效,请留言反馈。

自定义Widget的空安全适配分两种情况:

  1. Widget的空安全适配
  2. State的空安全适配

Widget的空安全适配

对于自定的Widget无论是页面的某控件还是整个页面,通常都会为Widget定义一些属性。在进行空安全适配时要对属性进行一下分类:

  • 可空的属性:通过?进行修饰
  • 不可空的属性:在构造函数中设置默认值或者通过 required 进行修饰
class WebView extends StatefulWidget {
  String? url;
  final String? statusBarColor;
  final String? title;
  final bool? hideAppBar;
  final bool backForbid;

  WebView(
      {this.url,
      this.statusBarColor,
      this.title,
      this.hideAppBar,
      this.backForbid = false})
      ...

上述示例是WebView模块进行空安全适配后的效果。

提示:如果构造方法中使用了 @required 那么需要改成 required

State的空安全适配

State的空安全适配主要是根据它的成员变量是否可空进行分类:

  • 可空的变量:通过 ? 进行修饰
  • 不可空的变量:可采用以下两种方式进行适配:定义时初始化;使用 late 修饰为延时变量

下面是项目中的State适配了空安全后的主要代码效果可以参考下:

class _TravelPageState extends State<TravelPage> with TickerProviderStateMixin {
  late TabController _controller; //延时初始
  List<TravelTab> tabs = []; //定义时初始化
   ...
  @override
  void initState() {
    super.initState();
    _controller = TabController(length: 0, vsync: this);
    ...
0

评论 (0)

取消