619 字
3 分钟
有状态Widget初始化重写&链式调用&排序
前言
前文我们通过联系人页面聊到了断言的使用,本文将继续结合该场景了机更多 Flutter 开发小技巧。
初始化方法重写
对于一个 StatefulWidget 我们如果需要在其初始化的时候进行一些操作的话,可以通过重写 initState() 来达到效果。
class _ContactsPageState extends State<ContactsPage> {
@override void initState() { super.initState();
// 添加数据 _contacts .addAll(friendsData);
_systems .addAll(friendsHeaderData); }
...}链式调用
在 iOS 开发中,比如使用 SnapKit 进行UI控件约束布局的时候,我们经常会用到这样的链式调用,非常爽。
make.leading.trailing.top.equalToSuperview()其实在 Flutter 开发中我们也可以使用类似的写法:
@override void initState() { super.initState();
// 链式调用 多次添加元素 _contacts ..addAll(friendsData) ..addAll(friendsData);
_systems.addAll(friendsHeaderData); }排序
在上面可以看到 ..addAll(friendsData) 这样连续进行了调用。那么是否可以做的更多呢?
通常联系人列表我们会进行按字母排序,这里通过链式调用进行尝试:
@override void initState() { super.initState(); _contacts ..addAll(friendsData) ..addAll(friendsData) ..sort((a, b) { if (a.indexLetter == null || b.indexLetter == null) { return 0; } return a.indexLetter!.compareTo(b.indexLetter!); }); _systems.addAll(friendsHeaderData); }和 Swift sort 的不同
这里你可能会发现,这里的 sort 函数和 Swift 的略有不同,内部回调的返回值不是 bool 而是 int 。
结合函数头文件注释我们可以了解更多:
/// Sorts this list according to the order specified by the [compare] function. /// /// The [compare] function must act as a [Comparator]. /// ```dart /// var numbers = ['two', 'three', 'four']; /// // Sort from shortest to longest. /// numbers.sort((a, b) => a.length.compareTo(b.length)); /// print(numbers); // [two, four, three] /// ``` /// The default [List] implementations use [Comparable.compare] if /// [compare] is omitted. /// ```dart /// List<int> nums = [13, 2, -11]; /// nums.sort(); /// print(nums); // [-11, 2, 13] /// ``` /// In that case, the elements of the list must be [Comparable] to /// each other. /// /// A [Comparator] may compare objects as equal (return zero), even if they /// are distinct objects. /// The sort function is not guaranteed to be stable, so distinct objects /// that compare as equal may occur in any order in the result: /// ```dart /// var numbers = ['one', 'two', 'three', 'four']; /// numbers.sort((a, b) => a.length.compareTo(b.length)); /// print(numbers); // [one, two, four, three] OR [two, one, four, three] /// ``` void sort([int compare(E a, E b)?]);简略写法
这里的排序函数可以在条件比较简单的情况下可以简写,提高编码效率
未简写
sort((a, b) { if (a.indexLetter == null || b.indexLetter == null) { return 0; } return a.indexLetter!.compareTo(b.indexLetter!);});简写
sort( (a, b) => a.indexLetter.compareTo(b.indexLetter) );头文件注释中有这样简写说明,平时多阅读注释,可以帮助我们写出更有语言特色风格的代码哦~