有没有办法检查和取消选中我示例中的“复选框”？

这是我的示例，我尝试检查并取消选中“复选框”，但是我很困惑，如果有人向我展示应该如何做，我会很高兴。


One
Two
Three
Four
Five

那是我上面的例子

您需要在按下它们时将它们设置为与先前状态相反的状态。您可以使用setState回调做到这一点：

OnPress={() => setChecked(prev => !prev)}


目前，您的复选框都使用相同的状态变量checked，因此它们将保持同步-更改一个将更改另一个。如果这不是您想要的，则应为每个复选框创建一个单独的状态变量。

更新：

要独立对待每个复选框，您需要为每个复选框创建状态：

const [isAppleChecked,setIsAppleChecked] = useState(false)
const [isKiwiChecked,setIsKiwiChecked] = useState(false)
return (

iconRight
right
title="apple"
checked={isAppleChecked}
OnPress={() => setIsAppleChecked(prev => !prev)}
/>
iconRight
right
title="kiwi"
checked={isKiwiChecked}
OnPress={() => setIsKiwiChecked(prev => !prev)}
/>

)

,

您需要为每个框设置一个单独的状态，否则它们将始终显示相同的内容。并且您需要将新状态设置为旧状态的相反状态：

const NewPlaceScreen = props => {
const [appleChecked,setAppleChecked] = useState(false);
const [kiwiChecked,setKiwiChecked] = useState(false);
return (

iconRight
right
title='apple'
checked={appleChecked} // use the apple-specific state
OnPress={() => setAppleChecked(prevState => !prevState)} // use the new apple state function
/>
iconRight
right
title='kiwi'
checked={kiwiChecked} // use the new kiwi state
OnPress={() => setKiwiChecked(prevState => !prevState)} // use the new kiwi function
/>

);
};