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

Question

        <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上找不到任何相关道具来呈现状态栏。这有可能吗？

Answer 1

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

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