Flutter回调传值：无状态Widget A获取有状态Widget B的可选布尔值C

核心思路 #

通过回调函数实现有状态Widget B向无状态Widget A传递布尔值C，同时利用无状态Widget的特性，每次A渲染时自动将可选参数C重置为null。

代码实现 #

1. 定义无状态Widget A

将C设为可选可空布尔值，默认值为null，同时声明回调函数用于接收B传来的C值：

class WidgetA extends StatelessWidget {
  final bool? c;
  final ValueChanged<bool?> onCChanged;

  const WidgetA({
    super.key,
    this.c = null, // 每次A渲染时默认重置为null
    required this.onCChanged,
  });

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        WidgetB(onCChanged: onCChanged),
        WidgetD(currentC: c),
      ],
    );
  }
}

2. 实现有状态Widget B

内部维护状态C，当C的值更新时，通过回调函数通知A：

class WidgetB extends StatefulWidget {
  final ValueChanged<bool?> onCChanged;

  const WidgetB({super.key, required this.onCChanged});

  @override
  State<WidgetB> createState() => _WidgetBState();
}

class _WidgetBState extends State<WidgetB> {
  bool? _c;

  // 示例：修改C值的函数
  void _updateCValue(bool newValue) {
    setState(() {
      _c = newValue;
    });
    // 将更新后的C传递给A
    widget.onCChanged(_c);
  }

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: () => _updateCValue(true),
      child: const Text('设置C为true'),
    );
  }
}

3. 实现Widget D

接收A传递的C值，用于内部函数的比较逻辑：

class WidgetD extends StatelessWidget {
  final bool? currentC;

  const WidgetD({super.key, this.currentC});

  void _compareFunction() {
    // 使用currentC进行比较
    if (currentC == true) {
      // 执行对应业务逻辑
    } else if (currentC == false) {
      // 其他逻辑
    }
  }

  @override
  Widget build(BuildContext context) {
    return const Text('Widget D');
  }
}

关键说明 #

• 由于A是无状态Widget，每次触发重建（比如父Widget状态变化、布局刷新）时，c参数会自动使用默认值null，完全满足“每次渲染A时C变为null”的要求。
• 回调函数onCChanged是B与A之间的通信桥梁，确保B内部C的状态变化能实时同步到A，进而传递给D使用。
• 如果需要主动触发A的重建，可以通过A的父Widget更新状态，此时A的c会自动重置为null。

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