Flutter中UI间传值在Widget构建前使用的问题解决

你遇到的错误是因为静态成员属于类本身，在类加载阶段就会初始化，而widget是State实例的属性，此时State实例还未创建，自然无法访问widget.itemDocId。

把静态的_widgetOptions改成实例变量，在initState（实例初始化后调用）中初始化，或者通过getter方法动态生成列表。下面是两种可行的实现方式：

方式1：使用late实例变量 + initState初始化 #

适合itemDocId不会中途变化的场景：

class ItemCategory extends StatefulWidget {
  final String itemDocId;
  const ItemCategory({Key? key, required this.itemDocId}) : super(key: key);

  @override
  State<ItemCategory> createState() => _ItemCategoryState();
}

class _ItemCategoryState extends State<ItemCategory> {
  // 用late延迟初始化实例变量
  late final List<Widget> _widgetOptions;

  @override
  void initState() {
    super.initState();
    // 此时State实例已创建，可以安全访问widget
    _widgetOptions = <Widget>[
      CatGrid1(itemDocId: widget.itemDocId),
      // 其他需要的组件
      Text('其他页面内容'),
    ];
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: _widgetOptions[0], // 使用初始化后的列表
    );
  }
}

方式2：使用Getter动态生成列表 #

适合itemDocId可能中途变化的场景（比如父页面更新传值），每次访问都会根据当前widget.itemDocId生成最新的列表：

class _ItemCategoryState extends State<ItemCategory> {
  // 通过getter动态生成列表
  List<Widget> get _widgetOptions => <Widget>[
        CatGrid1(itemDocId: widget.itemDocId),
        Text('其他页面内容'),
      ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: _widgetOptions[0],
    );
  }
}

进阶：处理itemDocId中途更新的情况 #

如果itemDocId可能在页面生命周期中被父页面修改，用方式1的话需要重写didUpdateWidget方法更新列表：

class _ItemCategoryState extends State<ItemCategory> {
  late final List<Widget> _widgetOptions;

  @override
  void initState() {
    super.initState();
    _initWidgetOptions();
  }

  @override
  void didUpdateWidget(covariant ItemCategory oldWidget) {
    super.didUpdateWidget(oldWidget);
    // 当itemDocId变化时重新初始化列表
    if (oldWidget.itemDocId != widget.itemDocId) {
      _initWidgetOptions();
    }
  }

  // 提取初始化逻辑复用
  void _initWidgetOptions() {
    _widgetOptions = <Widget>[
      CatGrid1(itemDocId: widget.itemDocId),
      Text('其他页面内容'),
    ];
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: _widgetOptions[0],
    );
  }
}

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