react native Picker 使用详解

Picker：选择器。

View props：使用View的属性。
onValueChange：选项发生变化时回调，参数：（value，position）
selectedValue：默认选中的值
enabled：android 设置为false禁用
mode：android dialog（默认值，对话框）、dropdown（下拉列表）
prompt：android 在Android的对话框模式中用作对话框的标题。
itemStyle：ios 每个选项的样式

demo：

/** * Created by on 2017/5/17. */import React, {Component} from 'react';import {    StyleSheet,    View,    Picker,    Text,} from 'react-native';export default class PickerDemo extends Component {    static navigationOptions = {        title: 'Picker',    };    state = {        language:'java',        position:0,    }    render() {        return (            <View style={{flex:1}}>                <Text>value:{this.state.language}----position:{this.state.position}</Text>                <Picker                    style={{backgroundColor:'red'}}                    itemStyle={{color:'blue'}}                    prompt='Picker'                    mode = 'dropdown'                    selectedValue={this.state.language}                    onValueChange={(lang,position) => this.setState({language: lang,position:position})}>                    <Picker.Item label="Java" value="java" />                    <Picker.Item label="JavaScript" value="js" />                    <Picker.Item label="Net" value="net" />                    <Picker.Item label="ReactNative" value="rn" />                    <Picker.Item label="c#" value="c" />                    <Picker.Item label="php" value="php" />                </Picker>            </View>        );    }}

github下载地址