Flutter，使用布尔值将图标状态从一个小部件更改为另一个

Question

我有两个小部件。 首先是 ParticipantScreen()，它在 GridView.builder() 中显示第二个小部件 - ParticipantCard()。 这两个小部件都有麦克风图标，可以让参与者静音。 当我使本地参与者静音时，我单击 ParticipantScreen() 上的麦克风图标，关于这一点，我也想将 ParticipantCard() 中的麦克风图标状态更改为相同的布尔值，但仅适用于列表中用于创建 GridView 的第一项与参与者卡。 是否可以将布尔值从一个小部件传递到另一个小部件？

Answer 1

您可以为此使用回调函数（可以是 typedef）

final Function(bool isMuted) onChanged;

玩这个小部件

class ParentWidget extends StatefulWidget {
  const ParentWidget({Key? key}) : super(key: key);

  @override
  State<ParentWidget> createState() => _ParentWidgetState();
}
class _ParentWidgetState extends State<ParentWidget> {
  bool _isMuted = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          Switch(
              value: _isMuted,
              onChanged: (v) {
                setState(() {
                  _isMuted = !_isMuted;
                });
              }),
          ChildC(
            isMuted: _isMuted,
            onChanged: (isMuted) {
              setState(() {
                _isMuted = isMuted;
              });
            },
          ),
        ],
      ),
    );
  }
}

class ChildC extends StatefulWidget {
  final bool isMuted;
  final Function(bool isMuted) onChanged;

  const ChildC({
    Key? key,
    required this.isMuted,
    required this.onChanged,
  }) : super(key: key);

  @override
  State<ChildC> createState() => _ChildCState();
}

class _ChildCState extends State<ChildC> {
  @override
  Widget build(BuildContext context) {
    return Switch(
        value: widget.isMuted,
        onChanged: (v) {
          widget.onChanged(v);
        });
  }
}