React Native - open links in browser

前端 未结 13 717
遇见更好的自我
遇见更好的自我 2020-12-04 11:59

Hi i am using react native\'s webview to display some html, i want that whenever a user clicks a link inside that html, it will open the user\'s browser with that link.

13条回答
  •  猫巷女王i
    2020-12-04 12:39

    Solution for those who use expo:

    import * as WebBrowser from 'expo-web-browser';
    import { WebView } from 'react-native-webview';
    
    ...
    
    render() {
    
        return (
             { this.webview = ref; } }
    
                onNavigationStateChange={ (event) => {
                    if (event.url !== uri) {
                        this.webView.stopLoading();
                        WebBrowser.openBrowserAsync(event.url);
                    }
                }}
            />
        );
    }
    
    

    WebBrowser is installed via: expo install expo-web-browser

提交回复
热议问题