如何不通过构造函数将StatefulWidget数据传递给State类？

嘿，你现在用的手动给State类构造函数传参的方式，确实在变量多的时候会变得繁琐又容易出错——毕竟每加一个新变量，你得同时修改StatefulWidget和State两个类的构造函数，太冗余了！

其实Flutter早就为我们解决了这个问题：在State类中，你可以直接通过内置的widget属性来访问对应StatefulWidget里的所有成员变量，完全不需要手动传递参数。

优化后的代码示例 #

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Demo',
      home: const MyHomePage('John', 'Morison'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage(this.fname, this.lname, {super.key});
  
  final String fname;
  final String lname;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  // 这里不需要自定义构造函数了！
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        // 直接通过widget.xxx访问StatefulWidget的成员
        child: Text('Hello ${widget.fname} ${widget.lname}'),
      ),
    );
  }
}

为什么这是更优的方案？ #

• 减少冗余代码：不用再维护State类的构造函数，新增变量时只需要在StatefulWidget里添加，State类直接用widget.xxx访问即可。
• 类型安全：widget属性的类型就是你的StatefulWidget类（这里是MyHomePage），所以IDE会自动补全成员变量，避免拼写错误。
• 符合Flutter设计规范：StatefulWidget本身是不可变的（immutable），它的成员变量应该是final的，而State类负责维护可变状态，通过widget访问不可变的配置参数是Flutter推荐的做法。

另外补充一点：如果你的参数是需要后续修改的可变状态，那应该把这些变量放在State类里，而不是StatefulWidget中——因为StatefulWidget一旦创建就不能修改，而State类的setState方法可以更新可变状态并触发UI重建。

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