So öffnen Sie Links in Safari von WebView-Komponente von React Native

Question

In der App verwende ich React Native WebView-Komponente. Wenn der Benutzer explizit auf Links klickt, möchte ich, dass er in Safari geöffnet wird, anstatt dass die WebView-Komponente an diese URL weitergeleitet wird.

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

Answer 1

Für IOS können Sie onShouldStartLoadWithRequest prop. Verwenden. Die Requisite wird aufgerufen, wenn Webview eine neue Seite öffnet. Sie können false zurückgeben, um das Laden zu beenden, und die Option Reactive native Linking API verwenden, um die URL in der Safari zu öffnen.

Ihre onShouldStartLoadWithRequest könnte aussehen wie folgt:

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