有没有办法向 react.native WebView 添加导航/状态栏？

Posted 2023-02-23

【中文标题】有没有办法向 react.native WebView 添加导航/状态栏？

【英文标题】：Is there a way of adding a navigation / status bar to a react.native WebView?

【发布时间】：2017-08-04 11:29:26

【问题描述】：

        <Modal transparent=false animationType="slide" visible=this.props.isVisible>
            <WebView
                source=this.getLandingUri()
                scrollEnabled=true
                startInLoadingState=true
                onLoad=this.getLoadingIndicator
                onNavigationStateChange=this.onNavigationStateChange
            />
        </Modal> 

我一直在使用 react.native WebView 来提示用户登录页面，现在我想添加一个导航/状态栏，为用户提供“完成”按钮以及当前域。

这里有两个屏幕截图，显示了我目前拥有的 (l) 和我想要拥有的 (r)。

。

我在 WebView 上找不到用于呈现状态栏的任何相关道具。这有可能吗？

【问题讨论】：

***.com/questions/42599850/…

这并不能解决我的问题

【参考方案1】：

您可能需要考虑使用 react-navigation 库，您可以轻松地配置标题标题以及要放置在标题中的左右元素及其StackNavigator。

下载 expo 应用程序并在此处试用：https://expo.io/@react-navigation/NavigationPlayground，在您的情况下，您可以将 webview 包装在 StackNavigator 下的页面中并配置其 navigationOptions