隐藏反应原生 webview 底部状态栏

Posted 2023-03-10

【中文标题】隐藏反应原生 webview 底部状态栏

【英文标题】：hiding react native webview bottom status bar

【发布时间】：2019-02-19 23:27:15

【问题描述】：

我在 React Native 中有一个带有文本输入框的 webview。当我关注文本输入框时，Safari 状态栏组件会显示在视图底部。有什么办法可以预防吗？

【问题讨论】：

您能在snack.expo.io 上分享您的代码吗？所以我们可以试试是怎么回事？

【参考方案1】：

它看起来像一个keyboardType prop .键盘类型 确定要打开的键盘，例如数字。

以下值适用于不同平台：

default
number-pad
decimal-pad
numeric
email-address
phone-pad

仅限 ios

以下值仅适用于 iOS：

ascii-capable
numbers-and-punctuation
url
name-phone-pad
twitter
web-search

尝试使用不同的键盘类型并检查差异。

另外，我不确定，但您可以尝试将 WebView 的 backgroundColor 设置为透明，并且不会呈现“边框”。