更新记录
1.1.0(2022-03-15) 下载此版本
Android / IOS增加了多个样式自定义选项
1.0.0(2021-10-08) 下载此版本
1.单选多选 2.日期选择 3.时间选择 4.日期时间选择 5.地区选择
平台兼容性
Android | Android CPU类型 | iOS |
---|---|---|
适用版本区间:4.4 - 10.0 | armeabi-v7a:未测试,arm64-v8a:未测试,x86:未测试 | 适用版本区间:9 - 14 |
原生插件通用使用流程:
- 购买插件,选择该插件绑定的项目。
- 在HBuilderX里找到项目,在manifest的app原生插件配置中勾选模块,如需要填写参数则参考插件作者的文档添加。
- 根据插件作者的提供的文档开发代码,在代码中引用插件,调用插件功能。
- 打包自定义基座,选择插件,得到自定义基座,然后运行时选择自定义基座,进行log输出测试。
- 开发完毕后正式云打包
付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios
注意事项:使用HBuilderX2.7.14以下版本,如果同一插件且同一appid下购买并绑定了多个包名,提交云打包界面提示包名绑定不一致时,需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择
Bass-Picker
单选多选,日期,时间,日期时间,地区选择
预览图
调用Module
const bassPicker = uni.requireNativePlugin("Bass-Picker");
使用注意
Android端使用min
或者max
的时候需要两个参数一起使用,具体自测
selector
单选或者多选
bassPicker.selector({
title: 'Picker',
datas: [
[1, 2, 3],
[4 ,5 ,6]
],
defaultValue: [1 ,1],
submitColor: "#FF0000",
isModal: true
}, (res)=>{
// You Code
});
选项
名称 | 数据类型 | 必填 | 默认值 | 平台 | 说明 |
---|---|---|---|---|---|
title | String |
No | IOS/Android | 标题名称 | |
datas | Array |
Yes | IOS/Android | 数据源 | |
defaultValue | Array |
No | IOS/Android | 默认值,数组的下标 | |
submitColor | String |
No | #057DFF |
IOS/Android | 确认按钮颜色 |
isModal | Boolean |
No | false |
Android | 是否以模态框显示 |
submitText | String |
No | 确定 |
IOS/Android | 确定按钮文本 |
cancelText | String |
No | 取消 |
IOS/Android | 取消按钮文本 |
cancelColor | String |
No | IOS/Android | 取消按钮颜色 | |
itemLine | Float |
No | 30 |
Android | 项目间距(随项目文字大小而改变) |
titleSize | Int |
No | Android | 标题文字大小 | |
itemSize | Int |
No | 16 |
Android | 项目文字大小 |
time
时间选择器
bassPicker.time({
title: '选择时间',
submitColor: "#FF0000",
isModal: true
}, (res)=>{
// You Code
});
选项
名称 | 数据类型 | 必填 | 默认值 | 平台 | 说明 |
---|---|---|---|---|---|
title | String |
No | IOS/Android | 标题名称 | |
defaultValue | String |
No | IOS/Android | 默认时间 | |
submitColor | String |
No | #057DFF |
IOS/Android | 确认按钮颜色 |
isModal | Boolean |
No | false |
Android | 是否以模态框显示 |
style | 0/1/2 |
No | 0 |
IOS | 显示样式 |
submitText | String |
No | 确定 |
IOS/Android | 确定按钮文本 |
cancelText | String |
No | 取消 |
IOS/Android | 取消按钮文本 |
cancelColor | String |
No | IOS/Android | 取消按钮颜色 | |
itemLine | Float |
No | 30 |
Android | 项目间距(随项目文字大小而改变) |
titleSize | Int |
No | Android | 标题文字大小 | |
itemSize | Int |
No | 16 |
Android | 项目文字大小 |
date
日期选择器
bassPicker.date({
submitColor: "#000000",
returnFormat: "yyyy-MM-dd",
fields: "day",
title: '选择日期',
isModal: true
}, (res)=>{
// You code
});
选项
名称 | 数据类型 | 必填 | 默认值 | 平台 | 说明 |
---|---|---|---|---|---|
title | String |
No | IOS/Android | 标题名称 | |
defaultValue | String |
No | IOS/Android | 默认时间 | |
submitColor | String |
No | #057DFF |
IOS/Android | 确认按钮颜色 |
isModal | Boolean |
No | false |
Android | 是否以模态框显示 |
min | String |
No | IOS/Android | 最小日期 | |
max | String |
No | IOS/Android | 最大日期 | |
returnFormat | String |
No | yyyy-MM-dd |
IOS/Android | 返回格式 |
fields | Y/YM/MD/YMD |
No | YMD |
IOS/Android | 粒度 |
submitText | String |
No | 确定 |
IOS/Android | 确定按钮文本 |
cancelText | String |
No | 取消 |
IOS/Android | 取消按钮文本 |
cancelColor | String |
No | IOS/Android | 取消按钮颜色 | |
itemLine | Float |
No | 30 |
Android | 项目间距(随项目文字大小而改变) |
titleSize | Int |
No | Android | 标题文字大小 | |
itemSize | Int |
No | 16 |
Android | 项目文字大小 |
datetime
日期时间选择
bassPicker.datetime({
submitColor: "#000000",
returnFormat: "yyyy-MM-dd HH:mm",
title: '选择日期'
}, (res)=>{
// You code
});
选项
名称 | 数据类型 | 必填 | 默认值 | 平台 | 说明 |
---|---|---|---|---|---|
title | String |
No | IOS/Android | 标题名称 | |
defaultValue | String |
No | IOS/Android | 默认时间 | |
submitColor | String |
No | #057DFF |
IOS/Android | 确认按钮颜色 |
isModal | Boolean |
No | false |
Android | 是否以模态框显示 |
min | String |
No | IOS/Android | 最小日期 | |
max | String |
No | IOS/Android | 最大日期 | |
returnFormat | String |
No | yyyy-MM-dd HH:mm |
IOS/Android | 返回格式 |
fields | MDHM/YMDH/YMDHM |
No | YMDHM |
IOS/Android | 粒度 |
submitText | String |
No | 确定 |
IOS/Android | 确定按钮文本 |
cancelText | String |
No | 取消 |
IOS/Android | 取消按钮文本 |
cancelColor | String |
No | IOS/Android | 取消按钮颜色 | |
itemLine | Float |
No | 30 |
Android | 项目间距(随项目文字大小而改变) |
titleSize | Int |
No | Android | 标题文字大小 | |
itemSize | Int |
No | 16 |
Android | 项目文字大小 |
area
地区选择, 地区数据源基于https://lbs.qq.com/webservice_v1/guide-region.html
不定期更新
bassPicker.area({
submitColor: "#000000",
defaultValue: ["四川省", "成都市", "武侯区"],
title: '选择地区'
}, (res)=>{
// you code
});
选项
名称 | 数据类型 | 必填 | 默认值 | 平台 | 说明 |
---|---|---|---|---|---|
title | String |
No | IOS/Android | 标题名称 | |
defaultValue | Array[3] |
No | IOS/Android | 默认选中的地区 | |
submitColor | String |
No | #057DFF |
IOS/Android | 确认按钮颜色 |
isModal | Boolean |
No | false |
Android | 是否以模态框显示 |
submitText | String |
No | 确定 |
IOS/Android | 确定按钮文本 |
cancelText | String |
No | 取消 |
IOS/Android | 取消按钮文本 |
cancelColor | String |
No | IOS/Android | 取消按钮颜色 | |
itemLine | Float |
No | 30 |
Android | 项目间距(随项目文字大小而改变) |
titleSize | Int |
No | Android | 标题文字大小 | |
itemSize | Int |
No | 16 |
Android | 项目文字大小 |