ReactNative-Switch开关组件

Switch组件为跨平台组件Android IOS都可用

主要属性和方法：

• disabled 属性 布尔值默认是false 设置是否可交互

• onValueChange 方法 当值改变时调用

• value 属性 设置开关状态默认是false关闭

• onTintColor IOS属性 设置开启状态时的背景颜色

• thumbTintColor IOS属性 设置圆形按钮背景颜色

• tintColor IOS属性 设置关闭状态是的背景色

/** * Created by gaocai on 16/9/7. */import React, {Component} from  'react';import {    AppRegistry,    Switch,} from 'react-native';class SwitchG extends Component {    // 构造    constructor(props) {        super(props);        // 初始状态        this.state = {            value: false        };    }    render() {        return (            <Switch                style={{marginTop: 120}}                //动态改变value                value={this.state.value}                //当切换开关室回调此方法                onValueChange={(value)=>{this.setState({value: value})}}            />        )    }}module.exports = SwitchG;