Full-screen webview modal

[kylebarron]

also see #23

Create a reusable component for a full-screen webview.

You know, instead of layering this over the map, it would probably be best to have it be a different navigation screen. A separate stack navigator? Essentially you want to be able to press an x at the top left of the screen to go back to the previous screen.

This should be a purely (pure?) presentational component. I.e. just take as props:

• HTML source or URL
• path to local css
• inline boolean?

Check out a library like juice for inlining css. That way you can store e.g. wikipedia's css once, and then display the formatted css offline. Not sure what to do with links though, in order to try and get local links working offline, but that's low-priority.

react-native-webview looks easy.

[kylebarron]

Check out using params to pass to the navigator page: e.g.

const MyStack  = createStackNavigator({
  Landing: {
    screen: WebViewScreen,
    params: { url: 'http://www.damienmason.com/medium/react-navigation-webview.html' },
  }
});

[kylebarron]

Offline webview example: https://github.com/caphun/react-native-webview-example

[kylebarron]

Simple webview: d9a8c5d

Looks nice