react native 学习笔记9

学习android 选择器组件

 

import React ,{Component} from 'react';
import {Picker} from 'react-native';

export default class PickerDemo extends Component{
    constructor(props){
        super(props);
        this.state={
            value:1

        }

    }
    render(){

        return(
            <Picker style={{top:100,marginLeft:30,marginRight:30,height:100}}
                onValueChange={(itemValue,itemPosition)=>{
                    console.log(itemValue,itemPosition);
                    this.state({value:itemPosition});
                }}
                selectedValue={this.state.value}
                model={'dialog'}
                itemStyle={{fontSize:16}} ref='picker'>
                <Picker.Item label="iOS" value={0} color='red' />
                <Picker.Item label="Android" value={1} color='blue' />
                <Picker.Item label="WEB" value={2} color='green' />
             </Picker>

        );




    }



}

 

style的样式还不会。