Flutter | 使用 typedef 让回调更优雅

今天来谈谈 Flutter 的 typedef。

一. 熟悉的 VoidCallback

之前看 setState 源码的时候，发现它的参数是 VoidCallback：

void setState(VoidCallback fn) {}
1

VoidCallback 其实是一个自定义类型的无参数无返回值的匿名函数：

/// Signature of callbacks that have no arguments and return no data.
typedef VoidCallback = void Function();
1
2

不得不说 Flutter 官方的命名就是好，光看名字就知道它是做什么的：void 回调（狗头）。

看到它的第一眼我想到的是 OC 的 dispatch_block_t ：

源码：

typedef void (^dispatch_block_t)(void);
1

文档：

The type of blocks submitted to dispatch queues, which take no argument and have no return value.

也是无参数无返回值的回调。

不能说完全一样，只能说一模一样，毕竟思想都是相通的嘛。

二. 有什么用？

想知道有什么用，先看看官方怎么用，再想想官方为什么这么用。

除了那个 setState，Flutter 源码中 VoidCallback 的身影经常出现，要么做属性，要么做参数。

为什么要用 VoidCallback？直接 void Function() 不行吗？

不是不行，VoidCallback 相对 void Function()，更加简洁，可读性也更强。

因为这种无参数无返回值的回调会经常使用到，所以官方设计了这个自定义类型。

说白了就是代码封装，方便使用。

VoidCallback 相当于是对那种无参数无返回值的回调进行了一层封装，并且给它取了一个名字，下次使用，直接叫它的名字。

三. 举例说明

比如选择城市页面，选择了城市需要执行回调，将城市名传出去，回调可以这样写：

/// 选择了城市的回调
typedef ChosenCityCallback = void Function(String city);
1
2

使用：

class ChooseCityPage extends StatefulWidget {
  final ChosenCityCallback chosenCityCallback;
  ChooseCityPage({
    Key? key,
    required this.chosenCityCallback,
  }) : super(key: key);

  @override
  _ChooseCityPageState createState() => _ChooseCityPageState();
}
1
2
3
4
5
6
7
8
9
10

回调：

ChooseCityPage(chosenCityCallback: (city) {
  print(city);
});
1
2
3

四. 官方推荐

注意：如果函数类型特别长或经常使用，那么还是有必要使用 typedef 进行定义。

学废了吗？