请问微信小程序 底部输入框 苹果10以上被弹出的键盘遮挡问题？

作者站长头像
站长
· 阅读数 6

请问微信小程序 底部输入框 苹果10以上被弹出的键盘遮挡问题？

安卓手机和苹果10以下 这个弹出键盘是不会遮挡底部输入框的，但是苹果10以上，好像因为红框处这部分区域 会被遮挡，我故意把输入框的bottom值 调的特别高，好像也还是被遮挡，请问这如何处理？

请问微信小程序 底部输入框 苹果10以上被弹出的键盘遮挡问题？

回复
1个回答
avatar
test
2024-07-01

原生小程序的底部适配

.isIPhoneXRegexBottom{
  padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
  padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
}
<view class="baseBottom">
   <view class="bottomCase">键盘</view>
   <view class="isIPhoneXRegexBottom"></view>
</view>

系统会识别机型，如果是IPhone则会自动适配

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容