接著完善上一篇內容，上一篇我們是能監(jiān)聽到初次進入路由頁面節(jié)點，往往還想監(jiān)聽從當前路由跳轉到其他路由后，再返回到當前路由頁面，上一篇內容就無法滿足當前需求了，不過我們完全可以按照上一篇的原理實現(xiàn)這個需求。

直接上代碼

/// @author bawomingtian
/// @date 2023/10/16
/// @desc 通過監(jiān)聽路由入場動畫完成，判斷路由完全進入，可以用來優(yōu)化在進場動畫執(zhí)行過程中
/// 異步請求數據刷新界面，導致進場動畫卡頓的問題
class AsyncState<T extends StatefulWidget> extends State<T> with RouteAwareMixin implements NavigatorObserver {Completer<bool> _resumeCompleter = Completer();@overridevoid didChangeDependencies() {ModalRoute.of(context)!.controller?.addStatusListener((status) {if (status == AnimationStatus.completed) {_resumeCompleter.complete(true);initAsyncLoad();}});super.didChangeDependencies();}@overridevoid initState() {super.initState();Navigator.observer.add(this);}@overridevoid dispose() {Navigator.observer.remove(this);super.dispose();}Future<E> asyncWaitResume<E>(Future<E> future) async {var value = await future;await _resumeCompleter.future;return value;}void initAsyncLoad() {}void resumeAsyncLoad() {}@overrideWidget build(BuildContext context) {return const SizedBox();}@overridevoid didPush(Route route, Route? previousRoute) {if (route is ModalRoute) {route.controller?.addStatusListener((status) {if (status == AnimationStatus.dismissed) {resumeAsyncLoad();}});}super.didPush(route, previousRoute);}}mixin RouteAwareMixin {void didPop(Route route, Route? previousRoute) {}void didPush(Route route, Route? previousRoute) {}void didRemove(Route route, Route? previousRoute) {}void didReplace({Route? newRoute, Route? oldRoute}) {}void didStartUserGesture(Route route, Route? previousRoute) {}void didStopUserGesture() {}@overrideNavigatorState? get navigator => throw UnimplementedError();
}

方法 initAsyncLoad 為第一次進入路由頁面回調

方法?resumeAsyncLoad 為從其他路由返回到該路由頁面回調

有了這兩個方法，我們就可以異步請求一些耗時或者頻繁多次調用的接口了，不用擔心影響路由跳轉動畫