React NativeのWebViewコンポーネントからSafariでリンクを開く方法

Question

このアプリでは、React NativeのWebViewコンポーネントを使用しています。ユーザーが任意のリンクを明示的にクリックすると、WebViewコンポーネントがそのURLに誘導されるのではなく、Safariで開くことができます。

<WebView 
    source={{uri: 'https://some-url-here'}} 
    style={{marginTop: 20}} 
    /> 

Answer 1

IOSでは、onShouldStartLoadWithRequest propを使用できます。 Webviewが新しいページを開いているときに呼び出されます。 falseを返してロードを停止し、Safariでurlを開くためにReact native Linking apiを使用することができます。

あなたonShouldStartLoadWithRequestは次のようになります。

onShouldStartLoadWithRequest={(navState)=>{ 
     Linking.openURL(navState.url) 
     return false; 
    }}