flutter路由传参接收时机

dart 复制代码
@override
  void initState() {
    super.initState();
    // 这里没有使用微任务,而是用的0帧
    Future.delayed(Duration.zero, () {
      dynamic obj = ModalRoute.of(context)?.settings.arguments;

      if (obj != null) {
        classId = obj["classId"];
        title = obj["title"];
        needPop = true;
      } else {
        classId = widget.classId;
        title = widget.title;
      }

      loadData(update: true);
    });
  }
dart 复制代码
// 使用微任务
String _routeGetArguments = "";
  @override
  void initState() {
    super.initState();
    /// 异步微任务接收
    Future.microtask((){
      if(ModalRoute.of(context) != null){
        Map<String,dynamic> params = ModalRoute.of(context)!.settings.arguments as Map<String,dynamic>;
        _routeGetArguments = params["index"].toString();
        ///更新视图,要不然UI中不会显示出来,记住一定要写
        setState(() {});
      } else {
        print("获取不到路由参数");
      }
    });
  }

在Flutter中,这里使用Future.delayed(Duration.zero)而不是微任务,主要是出于构建上下文生命周期的考虑。

为什么使用 Future.delayed(Duration.zero)

  1. 避免在build期间访问路由参数

    • 在initState()中,widget尚未完成首次构建
    • 直接访问ModalRoute.of(context)可能会因为context还未完全建立而返回null
    • Future.delayed(Duration.zero)将执行推迟到当前帧构建完成后
  2. 确保context可用

    dart 复制代码
    // 这样可能无法正确获取路由参数
    dynamic obj = ModalRoute.of(context)?.settings.arguments; // 可能为null
    
    // 使用延迟确保context已准备好
    Future.delayed(Duration.zero, () {
      dynamic obj = ModalRoute.of(context)?.settings.arguments; // 更安全
    });

微任务 vs 延迟零秒的区别

  • 微任务 (scheduleMicrotask):在当前事件循环的微任务队列中执行,比UI渲染优先级更高
  • Future.delayed(Duration.zero):在下一个事件循环中执行,确保当前widget构建过程已完成

为什么不是微任务

在这个场景下,使用微任务可能过早 执行,因为widget可能还在构建过程中。而Future.delayed(Duration.zero)确保在widget完全构建后 再执行参数获取,这样ModalRoute.of(context)能够正确获取到路由参数。

这种方式是Flutter中处理"需要等待widget构建完成后再执行"的常见模式。

相关推荐
YYYing.4 分钟前
【设计模式系列 (五) 】原型模式
开发语言·后端·设计模式·原型模式·c/c++
重生之小比特6 分钟前
【C++进阶】哈希表实现
开发语言·c++·哈希
m0_3807438717 分钟前
VisualStudio中OpenCV的创建与配置使用小结
开发语言·c++
凉茶钱30 分钟前
【C++】动态内存管理完整解析:从内存划分到 new delete 底层原理
c语言·开发语言·c++·内存管理·动态内存
小七在进步33 分钟前
类和对象(五)
java·开发语言·算法
Rebecca_aLi35 分钟前
码匠教育:零基础学 Python,标识符到循环全套基础语法解析
开发语言·python·正则表达式
IvanCodes43 分钟前
Python 正则表达式(十四):文本匹配、查找与替换
开发语言·python·正则表达式
夜雪一千43 分钟前
Python URL编码踩坑:单层编码、双重编码实战解析
开发语言·python
GitCode官方1 小时前
开源鸿蒙跨平台直播|Flutter HCPP 开源鸿蒙实践:让原生视图回到系统合成层
flutter·华为·harmonyos
孙启超1 小时前
【AI开发之Rust】第 21 课:双端集成与出包 —— Android(.so→AAR)与 iOS(xcframework)
开发语言·后端·rust