reactnativecomponents/Switch/index.js

React Native Components

import * as React from 'react';
import { Switch as RNSwitch } from 'react-native';
import AbstractFormComponent from '../Form/AbstractFormComponent';
/**
 * @author 田尘殇Sean(sean.snow@live.com)
 * @date 16/5/7
 */
export default class Switch extends AbstractFormComponent {
    constructor(props) {
        super(props);
        this.state = {
            value: props.value
        };
        this.putFormValue();
    }
    componentWillReceiveProps(nextProps) {
        if (typeof nextProps.value === 'boolean') {
            this.putFormValue();
            this.setState({ value: nextProps.value });
        }
    }
    onValueChange(value) {
        if (typeof this.props.value === 'boolean') {
            this.putFormValue();
            this.setState({ value: this.props.value });
        }
        else {
            this.putFormValue(value);
            this.setState({ value });
        }
        let { onValueChange } = this.props;
        onValueChange && onValueChange(value);
    }
    getValue() {
        return this.state.value;
    }
    isValid() {
        return true;
    }
    render() {
        return (<RNSwitch {...this.props} onValueChange={this.onValueChange} value={this.state.value}/>);
    }
}