react-native-radio-button

React-Native Radio Button

Just a simple radio button for React-Native.

Install it with NPM...

• Run npm install --save react-native-radio-button
• Require it with import RadioButton from 'react-native-radio-button'
  

...or just copy it in your project

You can just copy RadioButton.js in your project and use it directly (react-native-animatable is required to make it work this way).

Usage

Not much to say here, the component itself is just presentational: you must handle the logic outside of it:

<RadioButton
  animation={'bounceIn'}
  isSelected={true}
  onPress={() => doSomething('hello')}
/>

Available props

Prop	Description	Default
size	Size of the Radio Button.	16
innerColor	Color of the inner circle.	dodgerblue
outerColor	Color of the outer circle.	dodgerblue
isSelected	Is this Radio Button selected?	false
onPress	Function invoked on button press.	None

The Radio Button is animated by the awesome react-native-animatable.
To enable the animation you can just pass it any react-native-animatable props (e.g. animation, duration, etc...).
Hint: animation={'bounceIn'} is the animation that you can see in the preview gif above.

Stateless component info

As you can see by taking a look at RadioButton.js the component is plain simple and you can modify it easily.
If you're interested there's also a version of it written in a more function style here.