react native RadioButton（单选按钮）

刚刚写完这个多选按钮，我觉得没有单选的话，总会觉得有一点点不爽，因为在项目中我也没有用到单选，所以我没有好好研究源码，所以我在Github上找了一下，发现有一个挺好的，简单，不花哨。

在Github上搜索这个

react-native-flexi-radio-button

下载好以后，就可以直接用了。

 import React, { Component } from 'react';
 import {
   StyleSheet,
   Text,
   View
 } from 'react-native';

 import {RadioGroup, RadioButton} from 'react-native-flexi-radio-button'

 class App extends Component{

     constructor(){
         super()
         this.state = {
             text: ''
         }
         this.onSelect = this.onSelect.bind(this)
     }

     onSelect(index, value){
         this.setState({
         text: `Selected index: ${index} , value: ${value}`
         })
     }

     render(){
         return(
             <View style={styles.container}>
                 <RadioGroup
                     onSelect = {(index, value) => this.onSelect(index, value)}
                 >
                     <RadioButton value={'item1'} >
                         <Text>This is item #1</Text>
                     </RadioButton>

                     <RadioButton value={'item2'}>
                         <Text>This is item #2</Text>
                     </RadioButton>

                     <RadioButton value={'item3'}>
                         <Text>This is item #3</Text>
                     </RadioButton>

                 </RadioGroup>

                 <Text style={styles.text}>{this.state.text}</Text>
             </View>
         )
     }
 }

 let styles = StyleSheet.create({
     container: {
         marginTop: 40,
         padding: 20
     },
     text: {
         padding: 10,
         fontSize: 14,
     },
 })

 module.exports = App