自定义React Native组件CheckBox

RN中的自带的CheckBox组件只能用在android中，这就需要ios端要自己写，很麻烦。所以这里就自己封装了一个CheckBox，取名叫CheckBtn。话不多说，直接上代码：

import React, {Component} from 'react';
import Icon from 'react-native-vector-icons/AntDesign'
import {View,Text,TouchableOpacity} from 'react-native'

export default class CheckBtn extends Component{
    constructor(props){
        super(props);
        this.state = ({
            setCheckd:false
        })
    }

    componentDidMount(){

        let flag = this.props.checked;
        this.setState({
            setCheckd:flag
        })
    }

    render(){
            return(
                <View style={{flexDirection:'row',alignItems:'center'}}>
                {
                    this.state.setCheckd ?
                    <TouchableOpacity onPress={()=>{
                        this.props.onCheckChange(false);
                        this.setState({
                            setCheckd:false
                        })
                        }}>
                        <Icon name='checkcircle' size={24} color='orangered'/>
                    </TouchableOpacity>
                    :
                    <TouchableOpacity onPress={()=>{
                        this.props.onCheckChange(true);
                        this.setState({
                            setCheckd:true
                        })
                        }}>
                        <Icon name='checkcircleo' size={24} color='#999'/>
                    </TouchableOpacity>
                }   
                    <Text style={{marginLeft:6}}>{this.props.label}</Text>
                </View>
            )
        }
        
    }

使用方法：首先import导入，然后：

<CheckBtn checked={false} label='xxxxx' onCheckChange={(value)=>{
                               
                            }}></CheckBtn>