React Native Webview External Links

import React, {
  Linking,
  StyleSheet,
  WebView,
} from 'react-native';
import SomeHTMLFile from './some-html-file.html

export default class WebViewExt extends React.Component {

  constructor() {
    super();
  }

  render() {
    return(
      <WebView
        source={SomeHTMLFile}
        onShouldStartLoadWithRequest={this.openExternalLink}
        style={styles.webview} />
    )
  }

  openExternalLink(req) {
    const isLocal = req.url.search('http://localhost') !== -1;

    if (isLocal) {
      return true;
    } else {
      Linking.openURL(req.url);
      return false;
    }
  }
  
}

const styles = StyleSheet.create({
  webview: {
    flex: 1,
    alignItems: 'stretch',
  },
});

@tylerbuchea so does this force WebView links, once pressed, to be opened within an actual browser?

This code only working in iOS platform

I can't believe there isn't something in vanilla RN for this. Expo's component is perfect. I wish they would submit a pull request to the main RN branch.