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 />);