Skip to content

mmazzarolo/react-native-radio-button

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NOT MAINTAINED - 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.

About

Just a simple radio button

Resources

License

Stars

Watchers

Forks

Packages

No packages published