react-native-grid-picker v0.0.6

react-native-grid-picker

加载一个网格布局

安装

npm install react-native-grid-picker 

引入 GridPicker 组建

import GridPicker from 'react-native-grid-picker';

使用

const displayData = [
  {
    start: { x: 1, y: 1 },
    end: { x: 2, y: 2 },
    title: '8:00-9:00',
    subTitle: '早会',
  },
  {
    start: { x: 2, y: 3 },
    end: { x: 3, y: 6 },
    title: '9:00-12:00',
    subTitle: '上午时间',
  },
];

return (
  <View>
    <GridPicker
      coordinate={{ row:10, column:10 }}
      itemStyle={{ width: 120, height: 60 }}
      displayData={displayData}
      onSelectedChanged={currentItemIndex => console.log(currentItemIndex)}
      type="COLUMN"
    />
  </View>
)

API