# radio-button-react-native

> Simple Radio Button for React Native.

Latest version **1.1.6** (published 2017-01-18) · ISC license · 0 weekly downloads

## Install

```sh
npm install radio-button-react-native
pnpm add radio-button-react-native
yarn add radio-button-react-native
bun add radio-button-react-native
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.6 |
| Published | 2017-01-18 |
| First published | 2017-01-16 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Abhay Gupta |
| Maintainers | abhay2152 |
| Keywords | react, native, radio, button |

## Links

- npm: https://www.npmjs.com/package/radio-button-react-native
- Repository: https://github.com/abhay2152/radio-button-react-native
- Homepage: https://github.com/abhay2152/radio-button-react-native#readme
- Issues: https://github.com/abhay2152/radio-button-react-native/issues
- npm.io page: https://npm.io/package/radio-button-react-native

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.1.6 (latest) — 2017-01-18
- 1.0.6 — 2017-01-17
- 1.0.5 — 2017-01-16
- 1.0.4 — 2017-01-16
- 1.0.3 — 2017-01-16
- 1.0.2 — 2017-01-16
- 1.0.1 — 2017-01-16
- 1.0.0 — 2017-01-16

## README

# radio-button-react-native
> Simple Radio Button component for React Native

## Demo

![alt tag](https://weypfw.dm2302.livefilestore.com/y3mQXiarK9IVK5OSw1p7S_iWnsE_zZMqBNt65BEWyWjqGZrI3St04Njirj5EzNnfyFzI_V0CGFbfhYDZszshbz_gyL_upRuMm63IsLg00DsNh1cIB-cW_vJEe4jTDFAr6nTPDYleDAaOLIsvDUneCk1QicdlXs3UYMSeO1lJr0t0oc?width=153&height=138&cropmode=none)

## Installation

in Cli

```sh
npm i radio-button-react-native --save
```


# Getting started

```js
import RadioButton from 'radio-button-react-native';

export default class Example extends Component {
constructor (props){
    super(props)
      this.state = {
            value: 0
        }
    
}


handleOnPress(value){
    this.setState({value:value})
}

render(){
    return(
        <View>
               <RadioButton currentValue={this.state.value} value={0} onPress={this.handleOnPress.bind(this)}>
                <Text>Button1</Text>
                 </RadioButton>
                      
                 <RadioButton currentValue={this.state.value} value={1} onPress={this.handleOnPress.bind(this)}>
                 <Text>Button2</Text>
                 </RadioButton>
                 
                 <RadioButton currentValue={this.state.value} value={2} onPress={this.handleOnPress.bind(this)}>
                 <Text>Button3</Text>
                 </RadioButton>
                 
        </View>
    );
}

```

Basic
---

```js
<RadioForm
currentValue={this.state.value}
 value={0}
 onPress={this.handleOnPress.bind(this)}
 outerCircleColor:'gray'
 outerCircleSize:{24}
 outerCircleWidth:{2}
 innerCircleColor:'red'
 innerCircleSize:{12}
/>
```
assign a unique value to each radio button in 'value'


# Props

## RadioButton Component
### outerCircleSize[Default:{24}]
give the size of outer Circle of Button.

### outerCircleWidth[Default:{2}]
give the width of outer Circle of Button.

### outerCircleColor[Default:'#9eacb4']
give the color of outer Circle of Button.

### innerCircleSize[Default:{12}]
give the size of inner Circle of Button

### innerCircleColor[Default:'#ff6624']
give the color of inner Circle.

---
_Source: https://npm.io/package/radio-button-react-native · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._