react-picker-view
TypeScript icon, indicating that this package has built-in type declarations

1.0.3-beta.1 • Public • Published

可自定义样式的 Picker 选择器

背景

由于 antd-mobile(v5.0.0-beta.19) 提供的 Picker 无法直接自定义样式(如选项高度、选中项字体加粗、选中项相邻项目缩放显示等),导致无法 100% 还原设计稿。故而基于 antd-mobile 的 Popup 组件,实现了一套自己的 PickerView。

Props

Name Type Necessary Default Description
title string "请选择" Picker 标题
prefix string "picker-view" 类名前缀
options Item[][] - 选项数据源
listItemHeight number 50 选项条目高度
listClass string "" 选项列自定义类名
defaultValue any[] [] 默认选中项
onChange Function - 数据变更回调
visible boolean false 控制弹层的显示/隐藏
onClose Function - 关闭弹层的函数
onCancel Function - 取消回调函数
okText string "确定" 确定按钮文案
cancelText string "取消" 取消按钮文案
showLine boolean true 是否展示选中项上下边框
separate string[] - 相邻列中的分隔符
popupProps PopupProps - antd-mobile 中 Popup 组件的属性

Readme

Keywords

Package Sidebar

Install

npm i react-picker-view

Weekly Downloads

1

Version

1.0.3-beta.1

License

ISC

Unpacked Size

23.5 kB

Total Files

13

Last publish

Collaborators

  • vino-org