如何在React Native的WebView组件中打开Safari中的链接

Question

在应用程序中，我使用了React Native的WebView组件。如果用户明确地点击任何链接，我希望它在Safari中打开，而不是将WebView组件定向到该URL。

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

Answer 1

对于IOS，您可以使用onShouldStartLoadWithRequest道具。当webview打开新页面时调用prop。您可以返回false以停止加载并使用React native linking api在safari中打开URL。

您的onShouldStartLoadWithRequest可能如下所示：

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