Flutter StatefulWidget构造参数如何保存为变量复用？

完全可行，以下是几种实用的实现方式，可根据你的场景选择：

方式一：在State类中定义变量并在initState初始化 #

适合需要后续修改数据，或者需要对传入的Map做预处理的场景：

class _ProfileOthersState extends State<ProfileOthers> {
  // 可以选择保存整个Map，或者拆分成单独的字段
  late Map<String, dynamic> profileData;
  late String name;
  late String email;
  late String userImage;

  @override
  void initState() {
    super.initState();
    // 从widget中取出数据赋值给变量
    profileData = widget.data;
    // 拆分字段时建议做类型转换，避免后续类型问题
    name = widget.data['name'] as String;
    email = widget.data['email'] as String;
    userImage = widget.data['userImage'] as String;
  }

  @override
  Widget build(BuildContext context) {
    // 直接使用定义好的变量即可
    return Column(
      children: [
        Text(name),
        Text(email),
        Image.network(userImage),
      ],
    );
  }
}

方式二：使用Getter简化访问 #

适合不需要修改数据，只是想减少重复代码、提升可读性的场景：

class _ProfileOthersState extends State<ProfileOthers> {
  // 通过getter直接映射widget中的数据，无需额外赋值
  Map<String, dynamic> get profileData => widget.data;
  String get name => widget.data['name'] as String;
  String get email => widget.data['email'] as String;
  String get userImage => widget.data['userImage'] as String;

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text(name),
        Text(email),
        Image.network(userImage),
      ],
    );
  }
}

方式三：直接在State类中初始化变量 #

如果数据是不可变的，也可以直接在变量声明时赋值，利用late final确保只初始化一次：

class _ProfileOthersState extends State<ProfileOthers> {
  late final Map<String, dynamic> profileData = widget.data;
  late final String name = widget.data['name'] as String;
  late final String email = widget.data['email'] as String;
  late final String userImage = widget.data['userImage'] as String;

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text(name),
        Text(email),
        Image.network(userImage),
      ],
    );
  }
}

注意事项： #

• 使用late关键字时，要确保widget.data中的对应字段不为空，否则会触发空指针异常；如果字段可能为空，建议使用可空类型（如String? name）并添加空值处理逻辑。
• 如果后续需要修改这些变量并更新UI，记得调用setState()方法。
• 拆分单独变量的优势在于代码更直观，避免重复写widget.data['key']，同时提前完成类型转换，减少后续的类型检查代码。

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