label color? about react-native-simple-radio-button

[VenkateshSomu]

How to set different color for active label and inactive label color. Right now if we set labelColor="#000" it is effecting to the non selected radio label text.I want to apply label color green for the selected item @moschan

[moschan]

@cmdillon
Thank you for your interest.:smile_cat:
Good question. I updated this component to ver1.2.0 .

You can use like this:

<Radio
  radio_props={radio_props}
  initial={0}
  labelColor={'#50C900'}
/>

and what do you mean about center align?
You can see my example. If you don't like this, could you submit example image or code?

Thank you!

[cmdillon]

hi!

thanx for the update.

what i ment about center align is illustrated in the attached image

as you can see the text is center aligned. using the styles: “alignItems: center”, “alignSelf: center” or "justifyContent : center” has no effect.

ie, <Radio
  radio_props={radio_props}
  initial={0}
  labelColor={'#50C900’}
 style={{ alignItems: center }}
/>

also is it possible to use this with more than one group of radio buttons? basically i have 2 groups of radio buttons on every scene and i have 6 scenes. so i would need to be able to get the value of each individual selected button in the groups.

would be really helpful to get some feedback about this...

regards

[moschan]

@cmdillon
Sorry for late reply 😣

I updated this component.

I added more customizable mode like this:

<Radio
  formHorizontal={true}
  animation={true}
>
  {this.state.types.map((obj, i) => {
    var that = this
    var is_selected = this.state.isSelected == i;
    return (
      <View style={styles.radioButtonWrap}>
        <RadioButton
          isSelected={is_selected}
          obj={obj}
          key={i}
          labelHorizontal={false}
          buttonColor={'#2196f3'}
          labelColor={'#000'}
          style={styles.radioStyle}
          onPress={(value) => {
            this.setState({value:value})
            that.setState({isSelected: i})
          }}
        />
      </View>
    )
  })}
</Radio>

and, if you want to use multiple radio buttons, you have to prepare multiple value.

You can see my NEW example. I prepared example for you!
If you don't like this, you can ask me without hesitation! 👍

[cmdillon]

hi, cool! thanx a lot!

i have another question actually 2 :) but as not to highjack this thread i'll post it anew.

[moschan]

You are welcome! 😸

[cmdillon]

hi!

hmmm, i know we talked about passing in the color for the labels, but would it be possible to be able to pass in more than that? something like this would be cool: labelStyles={...}

this way one could have more control over the labels positioning etc

[moschan]

Yes. I see.
If you want to use more controllable radio buttons, you can use customizable style like a previous post now.

But, I'm thinking that I refactor and improve this component based on your idea in the near future. 😸