Flutter如何正确显示自定义Widget并解决createState传参警告

问题表现 #

开发Flutter应用时，渲染自定义组件LifeViewList()过程中出现两个关联异常：

• createState()方法绑定的_HomePageState类提示需要传入构造参数
• 手动为_HomePageState添加构造传参后，触发官方规范警告 "Don't put any logic in createState"

问题根因 #

Flutter框架中State子类禁止自定义带参数的构造函数。State实例由框架自动创建、和对应的StatefulWidget绑定，所有外部传入的配置参数必须定义在StatefulWidget的子类中，State子类通过内置的widget属性访问对应参数即可。
原有代码错误地将需要传入的lifeView参数定义在_HomePageState类中，还添加了带参构造，既违反了State类的创建规范触发警告，也不符合Flutter状态组件的参数传递逻辑。

具体修改点 #

• 删除_HomePageState中自定义的带参构造方法_HomePageState(this.lifeView);
• 将_HomePageState中定义的final LifeView lifeView;字段，移动到外层HomePage（StatefulWidget子类）中，和已有user字段同级
• 为HomePage的构造函数补充required this.lifeView必填参数声明
• build方法中访问lifeView属性时，通过widget.lifeView的形式调用（框架会自动关联当前绑定的HomePage实例参数）
• 补全LifeViewList的传参名，避免匿名传参导致的位置参数/命名参数匹配错误

修正后完整代码 #

class HomePage extends StatefulWidget {
 const HomePage({
    super.key,
    required this.user,
    required this.lifeView,
 });
 final User user;
 final LifeView lifeView;

 @override
 State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
 late ScrollController _scrollController;
 double _scrollControllerOffset = 0.0;

 void _scrollListener() {
  setState(() {
    _scrollControllerOffset = _scrollController.offset;
  });
 }

 @override
 void initState() {
  _scrollController = ScrollController();
  _scrollController.addListener(_scrollListener);
  super.initState();
 }

 @override
 Widget build(BuildContext context) {
  return Scaffold(
    body: Stack(
      children: [
        CustomScrollView(
          controller: _scrollController,
          slivers: [
            const LogoBanner(),
            const Topic('How do you feel today?'),
            const EmotionGrid(),
            const SliverToBoxAdapter(
              child: SizedBox(height: 20),
            ),
            const Topic('A place to think about yourself.'),
            LifeViewList(
              lifeView: LifeView(
                title: widget.lifeView.title,
                image: widget.lifeView.image,
                id: widget.lifeView.id,
              ),
            ),
            const SingOutButton(),
          ],
        ),
        FadeAppBar(scrollOffset: _scrollControllerOffset)
      ],
    ),
  );
 }
}

规范提示：createState()方法仅负责返回空参的State实例，禁止在该方法内执行传参、初始化逻辑，所有State初始化操作应当放在initState生命周期中，配置类参数全部存放在对应StatefulWidget子类中，否则会引发热重载失效、状态不同步、内存泄漏等问题。

内容的提问来源于stack exchange，提问作者Jarosław Gawlik