三星Galaxy S23 Ultra(Android13)React Native WebView键盘抖动摇晃问题
React Native WebView 键盘抖动摇晃Bug(仅三星Galaxy S23 Ultra Android 13)
问题描述
当聚焦WebView内的输入框时,键盘会持续开合(抖动摇晃)。点击输入框后,键盘开始弹出但立即收起,如此循环往复,导致无法在输入框中输入内容。该问题仅出现在运行Android 13的三星Galaxy S23 Ultra设备上,其他Android设备及iOS均无此问题。
受影响设备
- 设备:三星Galaxy S23 Ultra
- Android版本:13
- 其他测试设备:多款Android设备及iOS均运行正常
版本信息
- react-native-webview:
^13.12.2 - React Native:
0.71.19
代码示例
<Container> <WebView ref={(webview) => { this.webview = webview; }} source={{ uri: 'https://www.google.com/' }} injectedJavaScript={this.injectjs()} javaScriptEnabled onMessage={(e) => this.onMessage(e)} startInLoadingState useWebKit={true} style={{ marginTop: getStatusBarHeight() }} /> </Container>
复现步骤
- 在运行Android 13的三星Galaxy S23 Ultra设备上,加载包含输入框的URL到WebView组件中
- 点击输入框使其聚焦以唤起键盘
- 观察输入框聚焦时键盘的抖动摇晃(快速开合)现象
预期行为
键盘应平滑弹出并在输入框聚焦期间保持可见,允许用户无干扰地输入内容。
实际行为
键盘持续开合,产生抖动摇晃效果,无法进行文本输入。
相关问题
该Bug与react-native-webview仓库中几个未解决问题相关,但仅影响三星Galaxy S23和S24 Ultra:
- #3454
- #2425
- #1824
已尝试的无效修复方案
- 在AndroidManifest.xml中调整
windowSoftInputMode为adjustResize和adjustPan - 禁用WebView的滚动功能(
scrollEnabled={false})
补充说明
该问题仅影响此特定设备及Android版本,WebView在其他Android设备和iOS上运行正常,恳请提供见解或建议。
内容的提问来源于stack exchange,提问作者Akanksha Ingle
相关产品推荐
相关产品推荐

