如何在 Flutter CheckboxListTile 中設置像 HTML 這樣的值？

Question

在 HTML 中，復選框具有名稱、值和 label：

<input type="checkbox" id="fruit" name="fruits" value="small_apple"><label for="fruit">Small Apple</label>
<input type="checkbox" id="fruit" name="fruits" value="big_apple"><label for="fruit">Big Apple</label>

如果兩者都被選中，我將得到一個名為 fruits 的數組，其中包含“small_apple”和“big_apple”一旦提交。

Flutter CheckboxListTile 有一個出現在屏幕上的標題：

CheckboxListTile(
    title: Text("Small Apple"),
    value: value,
    onChanged: (bool value) { ... },
)

我不需要在提交時發送“小蘋果”，而是“小蘋果”。 Flutter 中的“值”僅保持復選框狀態（真/假），那么如何在 Flutter 中設置“值”，如 HTML？ 還是我必須在提交之前將“小蘋果”轉換為“小蘋果”？

Answer 1

那么你可以聲明一個 String String stringValue; 在 onChanged 回調中，您可以為每個復選框設置所需的值例如對於 small_apple 復選框，只需添加

onChanged:(ischecked){
stringValue = "small_apple" ;
value= ischecked;
}

然后對另一個復選框做同樣的事情，現在您必須在 OnChanged和調用 setState中設置復選框值，以便您的復選框的 UI state 更改