FLUTTER DART 中复选框的 UI 问题

Question

我有很多复选框，因为您可以看到上传的图片，请先查看图片。

现在的问题是，您可以看到 3 张卡片视图条件、过敏症和既往手术史。并且所有这些卡片都包含复选框，现在发生的情况是，当我选中或取消选中条件卡中的任何框时，它可以正常工作，但是当我选中或取消选中过敏或过去手术卡中的框时，框的 UI 不会改变直到我单击条件框。

我做错了什么，我也会分享复选框代码。

状况

Checkbox(
              value: condition.selected,
              onChanged: (value) {
                setState(() {
                  _conditions[i].selected = value;
                });
              }),

过敏

Checkbox(
              value: allergy.selected,
              onChanged: (value) {
                _allergies[i].selected = value;

              }),

过去的手术

Checkbox(
              value: surgery.selected,
              onChanged: (value) {
                _surgeries[i].selected = value;
              
              }),

请帮我...

Answer 1

您需要setState在 UI 更新之前使用。条件卡包含setState()在其中，因此您还需要添加setState到其他 2 张卡中

过敏

Checkbox(
      value: allergy.selected,
      onChanged: (value) {
        setState(() {
          _allergies[i].selected = value;
        });
      },
    );

过去的手术

Checkbox(
      value: surgery.selected,
      onChanged: (value) {
        setState(() { \\ add setState
          _surgeries[i].selected = value;
        });
      },
    ),