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.