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

  • Z时代
  • 2024-02-09
  • 分类：IT

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

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

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

回答：

原生小程序的底部适配

.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则会自动适配

回答：

提供的信息有点少，得看你用什么UI库，以及什么技术栈开发的项目了。
一般UI库都会提供安全区域或者是否上推之类的配置项，比如说 uViewUI 的 adjustPosition 配置项
如果是自己写的 position:fixed 定位的话，有可能会被键盘遮挡。主要是唤起键盘之后是否上推页面。这个好像也是可以单独配置的。

以上是 请问微信小程序 底部输入框 苹果10以上被弹出的键盘遮挡问题？ 的全部内容， 来源链接： utcz.com/p/934520.html

回到顶部