使用uniapp+uView制作表单踩坑事件

一、问题描述

制作表单过程中使用了uniapp的日期选择组件uni-datetime-picker和uView的u-picker组件

在实际编写过程中模拟器和安卓机的真机调试上，显示没有任何问题

但是

在使用IOS设备进行调试过程中，出现了弹窗遮挡的情况

二、寻找解决办法

1、第一反应为组件不兼容IOS系统，于是切换uni-datetime-picker组件为uView的日历选择组件

发现依旧是不兼容

2、在调试过程中发现两个弹窗组件对于父级的宽度变化有反应

但是修改父级宽度样式会导致页面达不到需要的效果

3、通过查找和尝试发现原因

表单中使用了scroll-view滑动组件，加上父级样式的限制，导致页面滑动以及弹窗显示在IOS上面只能展示scroll-view区域大小的内容，其他内容被遮挡

三、解决办法

1、去掉scroll-view滑动组件

2、将scroll-view滑动组件放到最外层，让其不受父级宽度样式的限制