Flutter中Stateful Widget无法接收构造函数传参的解决方法？

你的代码核心问题 #

• 重复定义PortalNavigator类：代码中重复声明了两次PortalNavigator的StatefulWidget，这会导致编译错误，必须删除重复部分。
• 未正确声明Widget参数：原PortalNavigator构造函数未将传入的dataCount和userData声明为类成员变量，也未添加required修饰，导致参数无法被State类访问。
• State类未关联Widget参数：_PortalNavigatorState中的userData和dataCount是独立的空变量，未关联到widget.userData和widget.dataCount，因此无法获取传递过来的数据。

修正后的代码示例 #

修复PortalNavigator的StatefulWidget定义 #

// 正确的PortalNavigator定义
class PortalNavigator extends StatefulWidget {
  final dynamic dataCount;
  final dynamic userData;

  const PortalNavigator({
    super.key,
    required this.dataCount,
    required this.userData,
  });

  @override
  State<PortalNavigator> createState() => _PortalNavigatorState();
}

修复State类的参数引用 #

class _PortalNavigatorState extends State<PortalNavigator> {
  @override
  Widget build(BuildContext context) {
    print('已获取到传递的数据：');
    print(widget.userData);
    print(widget.dataCount);

    return MaterialApp(
      theme: ThemeData(useMaterial3: true),
      home: PortalNavigatorView(
        dataCount: widget.dataCount,
        userData: widget.userData,
      ),
      debugShowCheckedModeBanner: false,
    );
  }
}

清理冗余代码 #

删除代码末尾重复的PortalNavigator类定义。

其他常用跨Widget传值方案 #

如果后续需要处理更复杂的状态共享场景，可选用以下方案：

• InheritedWidget：Flutter原生跨层级传值方案，适合简单全局状态场景。
• 状态管理库：Riverpod、Provider、Bloc等，适合复杂应用的全局状态管理，能更高效地处理状态变化。
• 回调函数：子Widget向父Widget传递数据时，可通过回调函数实现双向通信。

内容的提问来源于stack exchange，提问作者DWCod3r