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）を示す2つのスクリーンショットです。

。

WebViewでステータスバーを表示するための関連する小道具が見つかりませんでした。これはまったく可能ですか？

Answer 1

反応ナビゲーションライブラリの使用を検討したい場合は、ヘッダータイトルと、ヘッダーに配置する左右の要素をStackNavigatorで簡単に設定できます。

万博のアプリをダウンロードし、ここで試してみてください：あなたのケースでは、あなたがStackNavigatorの下にページ内のあなたのWebViewをラップし、そのnavigationOptions