关于flutter:FlutterDart-Callback转同步

前言

怎么将一个 Callback 回调转化成 Future 同步办法（Callback to Future），能够配套 async / await 去应用呢？

集体感觉，这是一个很常见的景象，不晓得为啥，很多人在阐明 Future 用法的时候，都没提到这个场景，奇怪 + 懵逼，只能本人去苟解决方案了。

历程

• 为什么我要将 Callback 转成 Future 办法？

  • 大家晓得，Flutter 在加载页面的时候，有个渲染的过程，在没渲染实现的时候，你去显示一些 View 的操作，会报错的，例如：加载 loading 弹窗
  • 解决办法可能大家都晓得，Lifecycle.initState / iniState 生命周期外面做个延时操作或者应用 WidgetsBinding

// 延时操作
await Future.delayed(Duration(milliseconds: 200));
// 上面能够加载弹窗

// 应用 WidgetsBinding
WidgetsBinding.instance.addPostFrameCallback((timeStamp) {// 此处能够加载弹窗});

• 当然，应用 WidgetsBinding 是更靠谱和精确的，然而这个 Callback 就让我很方了，而且，这名字太长，也不太记的住，这就须要将它封装了

• 封装 WidgetsBinding

  • 蛋筒了，这玩意怎么封装呢

class ViewUtil {
  /// 界面初始化实现
  static Future<Void> initFinish() async {WidgetsBinding.instance.addPostFrameCallback((timeStamp) {});
  }
}

• 首先我想到了：Future.delayed()

  • 进去看下他的源码
  • 有戏，能够看到，这外面显著蕴含了一个 Timer 中的 Callback 回调，但最初转换成了，Future 办法

factory Future.delayed(Duration duration, [FutureOr<T> computation()?]) {if (computation == null && !typeAcceptsNull<T>()) {
        throw ArgumentError.value(null, "computation", "The type parameter is not nullable");
    }
    _Future<T> result = new _Future<T>();
    new Timer(duration, () {if (computation == null) {result._complete(null as T);
        } else {
            try {result._complete(computation());
            } catch (e, s) {_completeWithErrorCallback(result, e, s);
            }
        }
    });
    return result;
}

• 剖析下

  • 首先是实例化一个_Future<T>() 对象，而后返回了这个_Future<T>() 对象
  • 能够看到办法的最下方是间接返回这个对象，可想而知，这中央，必定始终处于一个阻塞状态，在期待一个条件完结这个阻塞状态
  • 而后在 Timer 的延迟时间到了后，其回调中应用了_complete() 这个办法，这个办法应该是完结了_Future<T>() 对象的阻塞状态，而后再返回_Future<T>() 对象，同时这个办法也完结了
• 这不就简略了，我把这个抄进去不就欧了

• 这个_Future 类是个公有办法，在 future_impl.dart 文件，把这个文件拷进去，放在咱们工具类文件同一个包下，

  • 而后。。。

• 这一堆报错，玩毛线啊，必定是我关上的形式不对

  • 难道要一个一个去解决这些报错？要是这么麻烦，还搞毛线！

• 是不是我搜寻的姿态不对，再来搜搜看

  • 我去，还主动给我提醒：dart callback to future，这么神奇的吗？试试看

• 而后胜利找到这个：https://medium.com/@brianscha…

  • 长篇累牍，简洁明了

解决方案

• 记录下 Callback to Future 的写法，很简略，应用 Completer 类即可

class ViewUtil {
  /// 界面初始化实现
  static Future<Void> initFinish() async {Completer<Void> completer = Completer();

    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {completer.complete();
    });

    return completer.future;
  }
}

• 应用

  • 应用起来，霎时简略很多

void _init() async {await ViewUtil.initFinish();
    /// 上面能够应用加载弹窗
}

阐明

• Future<T> 和 Completer<T> 的泛型最好保持一致

  • 例如都是 String 的话，complete() 办法外面就能够加上相应的内容，而后 await 承受这个办法时候，就能拿到 complete() 办法外面输出的值了

class ViewUtil {
    /// 界面初始化实现
    static Future<String> initFinish() async {Completer<String> completer = Completer();

        WidgetsBinding.instance.addPostFrameCallback((timeStamp) {completer.complete("测试一下...");
        });

        return completer.future;
    }
}


void _init() async {var s = await ViewUtil.initFinish();
    print(s);
}