ReactNative无法取消选中复选框

Question

我有一个复选框的最基本用法。

export default function App() {
  const [checked, setChecked] = React.useState(false);
  return (
         <View style={{ marginTop: 64 }}>
             <CheckBox checked={checked} onValueChange={setChecked} />
         </View>)
}

我的问题是，一旦我选中此框，就无法取消选中它。

如果我不带任何道具就使用它，则会遇到同样的问题：

<CheckBox/>

Answer 1

您应该更改检查CheckBox的方式

//                             added the correct setChecked 
<CheckBox value={checked} onValueChange={() => setChecked(prev => !prev)} />

Answer 2

如果看到https://facebook.github.io/react-native/docs/checkbox，则需要在复选框中使用value属性。例如。 <CheckBox value={checked} onValueChange={setChecked} />