The clicked radio is not selected

[donni106]

When i click through the RadioForm it has a strange behaviour. Only every second click gets active.

When clicking the same radio twice, it works.
Looks like the created radios are not connected correctly?

react-native-simple-radio-button@^2.5.0-alpha.1:
version "2.6.0"

<RadioForm
  radio_props={radioAnswers}
  initial={10}
  buttonColor={'#444'}
  onPress={(value) => this.setState({ answer: value })}
  style={BasicStyles.radios}
/>

[donni106]

Found out, that the user interface works correctly, if changing the onPress method to onPress={(value) => console.log(value)}. So something with setting the state is confusing?

[yogipriyo]

I have the same problem and it is true that the value actually got updated the first time it is clicked. Anyone have solution for this?

[yogipriyo]

After looking at the SimpleRadioButton.js file and tried several changes, I found that the error will be gone after I disabled the code from line 36 to 40.

// componentWillReceiveProps (newProps) { // if (newProps.initial !== this.state.is_active_index) { // this.setState({ is_active_index: newProps.initial }) // } // },

[donni106]

Can you open a Pull Request for this?
Maybe @moschan will have a look then?

[yogipriyo]

Done creating PR

[moschan]

Hi, thank you for your report and PR.
I updated new version, please check the latest one.