react-native-multi-radio v1.0.3

Basics Usage

Import

import  { RadioGroup }  from 'react-native-multi-radio';

State Example

this.state = {
    options: [{
        label: 'English',
        value: 'english',
      },
      {
        label: 'Chinese',
        value: 'chinese',
      },
      {
        label: 'French',
        value: 'french',
      }],
    options1: ['English', 'Chinese', 'French'],
    //options2: { 'english' : true, 'chinese': true } Does't Support
}

Pass state option/option1 to RadioGroup options props, array and array of object both supported.

Function on value change

radioChange = (val) => {
    console.log('radioChange', val);
}

Render

<RadioGroup 
    name="Language"
    options={options} 
    textLeft={true} 
    onChange={this.radioChange} 
    size={20} color={'#eb383a'}
    //value={'EXAMPLE'}
    viewStyle={{flexDirection: 'column'}}
    radioContainer={{justifyContent: 'space-evenly'}}
    radioText={{ color: '#eb383a' }}
    radioDot={{ backgroundColor:"#db943d" }}
/>

• pass name to get the value by name makes the radio group unique ex. { "key": "Language", "value": "chinese", }

Props

License

MIT

Free Package, Hell Yeah!