Flutter随记四：null safe之 ??= 和??和 ?使用区别

前言

一、late 关键字修饰

二、赋默认值

三、可选类型 （?）

四、三目运算符

总结

---

前言

之所以写这篇文章，是在定义类的一个属性homeButtons时，报错了。

Non-nullable instance field 'homeButtons' must be initialized.

Try adding an initializer expression, or a generative constructor that initializes it, or mark it 'late'.dart

根据提示解决时，用了几种方法，记录下。

Flutter版本2.0.0，dart sdk版本2.12.0开始，支持null safe。编译运行时，会对开发变量的定义和变量的使用进行代码检查，不仅对变量的数据类型进行推断确认，而且对变量是否为NULL也做确认。变量必须实例化，即非NULL安全的状态。

以下是本篇文章正文内容

一、late 关键字修饰

late 关键字修饰属性，是懒加载方式。时告诉程序该属性暂时是null，在属性使用时再实例化，请求允许编译通过。

class HomePage extends StatefulWidget {

  HomePage({Key? key}) : super(key: key);

  @override

  _HomePageState createState() => _HomePageState();

}

class _HomePageState extends State with TickerProviderStateMixin {

  late List homeButtons;

}

注意️：懒加载的属性，在使用该属性前一定要完成实例化，否则，即使编译不报错，运行时会奔溃。

出现异常。

LateError (LateInitializationError: Field 'homeButtons' has not been initialized.)

二、赋默认值

在定义类的一个属性homeButtons时，就赋上默认值。暂时不会报编译错误了，在使用属性之前，给该属性一个真实的数据。如果属性的值可知，亦可以默认值就是真实值。

class HomePage extends StatefulWidget {

  HomePage({Key? key}) : super(key: key);

  @override

  _HomePageState createState() => _HomePageState();

}

class _HomePageState extends State with TickerProviderStateMixin {

  List homeButtons = ['button1','button2','button3']; // 定义属性时 赋默认值

}

三、可选类型 （?）

在定义类的一个属性homeButtons时，定义成可选类型 List? 

class HomePage extends StatefulWidget {

  HomePage({Key? key}) : super(key: key);

  @override

  _HomePageState createState() => _HomePageState();

}

class _HomePageState extends State with TickerProviderStateMixin {

  List? homeButtons; // 定义可选类型属性

}

注意️：可选类型属性使用时，因为该属性可能是null， 所以要先判空。

The method 'map' can't be unconditionally invoked because the receiver can be 'null'.

Try making the call conditional (using '?.') or adding a null check to the target ('!').

      可以使用一下2中判空方式：

1、 运算符  ??

是判空运算符。顾名思义，先判断变量是否是NULL，空则选择运算符右边变量执行操作；非空则选择左边变量。

(homeFunction ??  []).map((value) {

        print('点击了第$value个'),

}

2、 运算符  ??=

是判空赋值运算符。顾名思义，就是先判断变量是否是NULL，空则运算符左边的变量用右边变量赋值后，再执行操作；非空则运算符左边变量直接执行操作。

(homeFunction ??=  []).map((value) {

        print('点击了第$value个'),

}

四、三目运算符

三目运算符的使用，与Object-C、Java等语言使用类似，不赘述了，不了解可以搜索学习相关资料。

总结

看完这篇文章后，会对Flutter支持null safe有初步了解。对象null应该编码时应注意什么，如何解决null相关的问题应该有所掌握了。