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.

npm