React Native Paper 单选按钮 onPress 事件不起作用答案

【问题标题】：React Native Paper Radio Button onPress event not workingReact Native Paper 单选按钮 onPress 事件不起作用
【发布时间】：2021-10-15 01:31:37
【问题描述】：

由于某种原因，我的 onPress 事件无法与 React Native Paper RadioButton 一起使用。我相信每个文档都遵循说明

不工作：

<RadioButton.Item
                    label={item.templateName}
                    value={item._ref}
                    mode="android"
                    position="leading"
                    labelStyle={{textAlign: 'left'}}
                    onPress={()=> setValue('something')}
                  />

但是如果我使用设置状态，页面将呈现很多

<RadioButton.Item
                    label={item.templateName}
                    value={item._ref}
                    mode="android"
                    position="leading"
                    labelStyle={{textAlign: 'left'}}
                    onPress={setValue('something')}
                  />

【问题讨论】：

标签： reactjs react-native react-native-paper

【解决方案1】：

我希望这可能对你有用。请在您的文件中保留以下代码。

导入这个：import { RadioButton } from 'react-native-paper';

const [value, setValue] = React.useState('first');

然后将单选按钮保留在组选项卡中，如下所示：

<RadioButton.Group onValueChange={value => setValue(value)} value={value}>
  <RadioButton.Item label="First item" value="first" />
  <RadioButton.Item label="Second item" value="second" />
</RadioButton.Group>

【讨论】：