文档中心 > 淘应用文档

淘应用-组件-表单组件-Picker 下拉选择-picker

更新时间:2018/03/09 访问次数:414

Picker 选择框

Picker 是基础的下拉选择框,调用系统原生选择框实现

安装

$ npm install tboc-picker --save

属性

名称 类型 默认值 描述
selectedValue String 选中值
onValueChange Function 选项切换

选项内容用 Picker.Item 进行定义,示例:

<Picker.Item value={'somevalue'} label={'somevalue'} />

基本示例

// demo
import {createElement, Component, render} from 'rax';

class App extends Component {
  render() {
    return (
      <View style={{ width: 750 }}>
          <Text>选择性别</Text>
          <Picker 
            selectedValue={'女'}
            onValueChange={(index, item) => {
              console.log('Picker', index, item);
            }}
            style={styles.picker}>
            <Picker.Item value={'男'}  label={'somevalue'} />
            <Picker.Item value={'女'} label={'somevalue'}  />
          </Picker>
      </View>
    );
  }
}

render(<App />);

FAQ

关于此文档暂时还没有FAQ
返回
顶部