SelectPanel

react native 实现排序筛选组件，可配置，目前仅支持单选，使用有任何不便，尽管戳我。

Install

  1. npm install beeshell

Usage

  1. import { SelectPanel } from 'beeshell';

示例

暂无

用例

  2. <SelectPanel
  3.     selectPanelInfo={this.state.selectPanelInfo}
  4.     onSelected={(selectedChoice, selectPanelInfo) => {
  5.         this.setState({
  6.             selectPanelInfo,
  7.             result: JSON.stringify(selectedChoice),
  8.         });
  9.     }}
  10. />

Props

Prop Type Optional Default Description
selectPanelInfo Array Yes [] 一个元素时对象的数组
onSelected func Yes 用户点击某个选项后执行的函数
selectedIcon element Yes 黄色小勾 被选中项右侧图标，默认黄色小勾
selectedTextColor string Yes #FECB2E 被选中项颜色
panelMaxHeight number Yes 271 panel最大高度，未超过最大高度时按 choiceHeight*choiceNum 算
choiceHeight number Yes 45 每个choice的高度
textSize number Yes 14 choice的字体大小

selectPanelInfo 示例数据

  1. [{
  2.     "id": 1, // 必传，每个选择的唯一标示
  3.     "text": "创建时间由近到远", //必传 ，选项的文本内容
  4.     "isSelected": true, //可以不传，初始数据中有isSelected为true的值可以设置默认值
  5. }, {
  6.     "id": 2,
  7.     "text": "创建时间由远到近",
  8.     "isSelected": false,
  9. }]

To Do

组件需要完善和规范