单选按钮onPress无法正常工作

时间:2019-10-02 21:21:42

标签: react-native react-native-paper

我从react-native-paper中使用了两个径向按钮。我在onPress函数下同时拥有按钮本身和旁边的文本,但是只有当我按下文本时才执行该功能,而不是当我按下按钮时。当我按下按钮时,它会高亮显示并显示它已被按下,但不执行onPress。

<View style={[s.profile_gender_row]}>
    <Text onPress={() => {this.onDataChange('gender', 'F')}}>Female</Text> // this works just fine
    <RadioButton
        value="F"
        status={this.props.gender === 'F' ? 'checked' : 'unchecked'}
        onPress={() => {this.onDataChange('gender', 'F')}} // this does not work
    />
</View>
<View style={[s.profile_gender_row]}>
    <Text onPress={() => {this.onDataChange('gender', 'M')}}>Male</Text>
    <RadioButton
        value="M"
        status={this.props.gender === 'M' ? 'checked' : 'unchecked'}
        onPress={() => {this.onDataChange('gender', 'M')}}
    />
</View>

没有任何错误消息,我很困惑为什么它没有执行。

1 个答案:

答案 0 :(得分:0)

不幸的是,这似乎是当前最新版本2.16.0的错误。它应在3.xx中修复,以便您可以升级到3.0.0-alpha.8进行修复。