You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Expo React Native横屏模式下键盘全屏遮挡弹窗模态框问题求助

Expo React Native横屏模式下键盘全屏遮挡弹窗模态框问题求助

大家好,我最近在开发一个基于Expo的React Native应用,已经通过expo-screen-orientation把应用强制锁定在了横屏模式。应用里有几个带输入框的弹窗模态框,比如用来输入IP地址、PIN码或者姿态参数的那种。

但现在碰到了一个特别棘手的问题:每次我点击输入框唤起键盘后,键盘直接占满了整个屏幕,原本的模态框直接就完全看不见了。我已经尝试过用KeyboardAvoidingView组件,设置了behavior="padding",还反复调整过keyboardVerticalOffset参数——比如设成屏幕高度的1/4,或者100 + keyboardHeight这类值,但不管怎么调,模态框还是会被键盘完全遮挡住。

给大家说下我的当前配置细节:

  • 测试环境:Expo Go,iOS和Android模拟器都测试过
  • 屏幕方向:通过ScreenOrientation.lockAsync(OrientationLock.LANDSCAPE)强制锁定横屏
  • 模态框样式:内部嵌套了ScrollView和TextInput,竖屏时设置maxHeight: '70%',横屏时设为maxHeight: '80%'
  • 核心问题:点击输入框唤起键盘后,键盘全屏显示,模态框直接消失得无影无踪

有没有哪位大佬遇到过类似的横屏键盘遮挡问题?求指点一下解决思路,真的非常感谢!

内容来源于stack exchange

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.08 10:44:34