React Native Radio Group External State

A radio group component that doesn't use the internal state of itself!

Why another radio-group for React Native?

Because I've tried many of those components called react-native-radio-group and they didn't fit into my mind; so I created mine.

It uses your states!

Installation

npm install --save react-native-radio-group-external-state

or

yarn add react-native-radio-group-external-state

Usage

1import React, { Component } from 'react'
2import { View } from 'react-native'
3import RadioGroup from 'react-native-radio-group-external-state'
4
5export default class App extends Component {
6    state = { gender: 'unspecified' }
7    onChange_gender = value => {
8        this.setState({ gender: value })
9    }
10    render() {
11        return (
12            <View
13                style={{
14                    flex: 1,
15                    justifyContent: 'center',
16                    alignItems: 'center',
17                    backgroundColor: '#F5FCFF'
18                }}
19            >
20                <RadioGroup
21                    options={[
22                        { value: 'male', label: 'Male' },
23                        { value: 'female', label: 'Female' }
24                    ]}
25                    value={this.state.gender}
26                    onChange={this.onChange_gender}
27                    groupStyle={{ marginTop: 10 }}
28                    optionStyle={{ marginHorizontal: 14 }}
29                    labelStyle={{ paddingHorizontal: 8 }}
30                    buttonSize={26}
31                    rtl
32                />
33            </View>
34        )
35    }
36}