如何使用 ValueListenableBuilder 小部件包裝復選框小部件？

Question

Checkbox( value: datas[i]["check"], onChanged: (bool newValue) => setState((){循環中的數組數據datas[i]["check"] = !datas[i]["check" ]; }), ),

Answer 1

您可以將Checkbox與ValueListenableBuilder一起使用，如下所示：

鑒於您有一個ValueNotifier變量， _checkboxState來保存您的Checkbox狀態：

final ValueNotifier<bool> _checkboxState = ValueNotifier<bool>(false); //Initialized to false

您可以使用ValueListenableBuilder包裝Checkbox小部件並擺脫setState方法並設置ValueNotifier變量值：

ValueListenableBuilder(
      valueListenable: _checkboxState,
      builder: (BuildContext context, dynamic value, Widget child) {
        return Checkbox(
          value: _checkboxState.value,
          onChanged: (newCheckboxState) {
            _checkboxState.value = newCheckboxState;
          },
        );
      },
    ),