I made three radio buttons using pro, the last one is not clickable

[changyu2hao]

I made three radio buttons using pro, the last one is not clickable

render() { const radioButtons=[ { label: 'No Preference', value: 'No preference' }, { label: 'Female', value: 'Female' }, { label: 'Male', value: 'Male' } ] return ( <View style={commonCheckBoxStyles.checkBoxContainer}> <Text style={commonCheckBoxStyles.txtLabel}> {this.props.title}</Text> <RadioForm animation={true} /> { radioButtons.map((obj,i)=>( <RadioButton key={i} style={commonCheckBoxStyles.radioButtonStyle}> <RadioButtonInput obj={obj} index={i} isSelected={this.state.value3Index === i} onPress={()=>{this.setState({value3Index:i})}} borderWidth={1} buttonInnerColor={'#e74c3c'} buttonOuterColor={this.state.value3Index === i ? '#2196f3' : '#000'} buttonSize={10} buttonOuterSize={20} buttonStyle={{}} buttonWrapStyle={{marginLeft: 10}} /> <RadioButtonLabel obj={obj} index={i} labelHorizontal={true} onPress={()=>{this.setState({value3Index:i})}} labelStyle={commonCheckBoxStyles.checkBoxFont} labelWrapStyle={{}} /> </RadioButton> )) } </View> ) }