有没有添加导航/状态栏到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。

下载世博会的应用程序，并尝试在这里：https://expo.io/@react-navigation/NavigationPlayground，你的情况，你可以在一个StackNavigator页面内包装你的WebView和配置其navigationOptions