ReactNative-Picker组件

写过Android的都应知道Spinner下来选择器，Picker就是ReactNative界的Spinner

只要属性和方法：

• onValueChange 这个方法在方法在选择Picker某一项时调用 可传两个参数 选择的value和position

• selectedValue 这个属性是选择的值

• enabled 设置是否可点击 Android属性

• mode 设置样式 Android属性 dropdown下拉样式和dialog弹窗样式 默认是dialog

• prompt 设置Picker标题 Android属性 并且只有是mode为dialog才会显示

• itemStyle 设置每一项的样式 IOS属性

/**
 * Created by Administrator on 2016/9/7.
 */
import React, {Component} from 'react';
import {
    AppRegistry,
    View,
    Picker,

} from 'react-native';

class PickerG extends Component {

    constructor(porp) {
        super(porp);
        this.state= {
            selectedValue: ''
        }
    }


    render() {
        return (
            <Picker
                //Picker样式 dialog弹窗样式默认  dropdown显示在下边
                // mode = {'dropdown'}
                //显示选择内容
                selectedValue={this.state.selectedValue}
                //选择内容时调用此方法
                onValueChange={(value)=>this.setState({selectedValue: value})}
                //设置Title 当设置为dialog时有用
                prompt={'请选择'}
            >
                <Picker.Item label='Android' value='android'/>
                <Picker.Item label='IOS' value='ios'/>
                <Picker.Item label='ReactNative' value='reactnative'/>
            </Picker>
        )
    }
}

module.exports = PickerG;