Scrollpicker

滚动选择组件，纯 JS 实现，自定义数据源，flex 区域占比。该组件只提供滚动选择、布局功能。可以基于此组件更复杂的组件，例如：Datepicker。

Install

1. npm install beeshell

Usage

引入方式

全部引入

1. import { Scrollpicker } from 'beeshell';

单独引入

1. import Scrollpicker from 'beeshell/components/Scrollpicker';

Examples

区域等分

区域比例 3:1:1

Code

1. import { Scrollpicker } from 'beeshell';

3. class App extends React.Component {
4. render() {
5. const list = [
6. [ { label: '第一列第一项', value: 1 }, '第一列第二项', '第一列第三项'],
7. ['第二列第一项', '第二列第二项', '第二列第三项'],
8. ['第三列第一项', '第三列第二项', '第三列第三项'],
9. ],
10. const proportion = [3, 1, 1];
11. const value = [1, 2, 1];

13. return (
14. <View>
15. <Scrollpicker
16. list={list}
17. value={value}
18. proportion={proportion}
19. onChange={(columnIndex, rowIndex) => {
20. console.log(columnIndex, rowIndex);
21. }}
22. />
23. </View>
24. );
25. }
26. }

Props