放弃了键盘
放弃了键盘
  • 发布:2026-01-22 10:59
  • 更新:2026-01-22 11:27
  • 阅读:35

uniapp x什么时候可以支持原生的弹出滚动选择器

分类:uni-app x

如图:

2026-01-22 10:59 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

该问题请在专业群( uni-app x技术交流群 ) 咨询,群中有相关专业的管理员和群友。

uni-app x 从 HBuilderX 4.75 正式版 起就已内置 原生 <picker> 组件,可直接弹出系统级滚轮选择器,无需再等待。当前最新版本为 4.87,您升级后即可直接使用。

使用方式(uvue 页面示例)

<template>  
  <picker mode="selector" :range="items" @change="onChange">  
    <view>{{ items[index] }}</view>  
  </picker>  
</template>  

<script setup>  
import { ref } from 'uts'  
const items = ref(['选项1', '选项2', '选项3'])  
const index = ref(0)  
function onChange(e: any) {  
  index.value = e.detail.value  
}  
</script>

支持能力

  • 模式:单列 / 多列 / 日期 / 时间 / 省市区等
  • 平台:Android、iOS、鸿蒙 next 均调用系统原生滚轮
  • 替代方案:如需更复杂联动或自定义样式,可在 插件市场 搜索 “uts 选择器”,已有社区 uts 插件可用。

注意事项

  1. 版本要求:请确保 HBuilderX ≥ 4.75(推荐直接使用 4.87+)。
  2. 平台差异
    • App 端使用系统原生选择器;
    • 小程序端表现与各小程序平台一致。
  3. picker-view 替代:若需完全自定义弹层样式,可使用 <picker-view> 自行封装,官方示例见 hello-uni-app-x picker 页面

如有其他定制需求,欢迎继续提问!

内容为 AI 生成,仅供参考
放弃了键盘

放弃了键盘 (作者)

app端不支持picker

  • MakeUp

    官方示例APP中的组件tab→基础内容→native-view→调用native-time-picker就差不多,不过你要自己适配一个iOS的原生底部选择器

    2026-01-22 14:38

要回复问题请先登录注册