有沒有添加導航/狀態欄到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