Flutter跨组件传参报错：实例成员barberData无法在初始化器中访问

问题成因 #

• Dart语法层面限制：类的实例字段在初始化阶段无法访问其他实例成员，你当前将tabs定义为_HomeBState的直接初始化字段，初始化时要读取同属于实例成员的barberData，此时实例还未完成初始化流程，因此触发访问限制报错。
• 潜在逻辑问题：你当前的barberData是异步接口获取的，原有代码赋值后没有调用setState触发重绘，就算解决了语法报错，接口拿到数据后ProfileB也不会收到更新后的数据。

解决方案 #

第一步：修复语法报错 #

将tabs从直接初始化的字段改为getter属性，或者移动到build方法内部定义，即可绕开初始化阶段的实例成员访问限制，同时补充setState触发状态更新：

class _HomeBState extends State<HomeB> {
  Map<String, dynamic> barberData = {};

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

  Future<void> _getDataAndPrint() async {
    // 拿到数据后调用setState触发重绘
    final data = await getBarberData();
    setState(() {
      barberData = data;
    });
  }

  // 改成getter，每次访问时动态生成列表，此时实例已初始化完成
  List<Widget> get tabs => [
    widget1(),
    widget2(),
    widget3,
    ProfileB(barberData: barberData,)
  ];

  // 其余原有代码保持不变
}

第二步：优化空数据兼容 #

可以在ProfileB中增加空数据判断，避免接口返回前读取字段时报空异常：

child: Text(
  widget.barberData["field1"] ?? "加载中",
  style: TextStyle(
    fontSize: size.width * .037,
    fontWeight: FontWeight.bold,
  ),
)

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