Package Exports

react-native-radio-button

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-radio-button) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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.