uni-app ios点击picker出现闪屏情况，需要点击多次才能出现选择框

uni-app ios点击picker出现闪屏情况，需要点击多次才能出现选择框

开发环境 版本号 项目创建方式
Windows win10 家庭版 HBuilderX

操作步骤：

<view class="uni-input">{{role}}</view>
2 回复

https://ask.dcloud.net.cn/question/119591

更多关于uni-app ios点击picker出现闪屏情况，需要点击多次才能出现选择框的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个典型的iOS平台picker组件兼容性问题。在uni-app中，iOS设备上的picker组件确实存在点击响应不稳定的情况。

解决方案：

  1. 使用官方推荐的picker组件写法
<picker [@change](/user/change)="bindPickerChange" :value="index" :range="array">
  <view class="picker">{{array[index]}}</view>
</picker>

  1. 避免在picker外层包裹其他可点击元素，这会影响iOS的点击事件传递

  2. 检查CSS样式，确保picker区域有足够的点击面积（建议最小44px×44px）

  3. 如果问题依旧，可以尝试以下方法：

<picker mode="selector" [@change](/user/change)="onPickerChange" :value="pickerValue" :range="pickerRange">
  <view class="picker-trigger">
    <text>{{pickerRange[pickerValue]}}</text>
  </view>
</picker>
回到顶部