uniapp自身带有部分基础的组件,今天就来讲讲picker选择器!

picker选择器

从底部弹起的滚动选择器。支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。

注意点一:

支付宝小程序不支持多列选择器(mode = multiSelector),可以使用 picker-view 组件替代。

注意点二:

picker在各平台的实现是有UI差异的,有的平台如百度、支付宝小程序的Android端是从中间弹出的;有的平台支持循环滚动如百度小程序;有的平台没有取消按钮如App-iOS端。但均不影响功能使用。

例如在模拟器上是这样的
在这里插入图片描述
真机上却是这样的
在这里插入图片描述
要是接受不了ui的差异建议大家还是另寻他路吧

注意点三:

微信开发工具的pc模拟器有可能出现拖动数据错乱,使用真机正常

额外知识:

因为picker的ui样式不能满足需求,去找了uview1.0版本的picker单列选择器

但是很奇怪的就是

点击显示的时候,不能滑动

不止这个

还有Select 单列选择器,也是一样的情况

非常奇怪,至今没找到问题所在

求教各位大佬!!!

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐