MessageList: Switch to new React Context API, remove miscStyles.webview.

Per zulip#1946, we're moving to the new React Context API
(https://reactjs.org/docs/context.html).

We’re also isolating the theme colors in its own context type. So,
components that consume the theme colors can and should use `static
contextType = ThemeContext;` and, e.g.,
this.context.backgroundColor, instead of
this.context.styles.backgroundColor, as was done before.

This change also eliminates the need for miscStyles.webview, which
was included in this.context.styles that MessageList was using, so,
remove that.

Author: Chris Bobbe

src/styles/miscStyles.js

@@ -88,8 +88,4 @@ export default ({ color, backgroundColor }: ThemeColors) => ({
     // alignItems: 'stretch',
     backgroundColor,
   },
-  webview: {
-    borderWidth: 0,
-    backgroundColor,
-  },
 });

src/webview/MessageList.js

@@ -9,7 +9,6 @@ import { connectActionSheet } from '@expo/react-native-action-sheet';
 import type {
   AlertWordsState,
   Auth,
-  Context,
   Debug,
   Dispatch,
   Fetching,
@@ -25,6 +24,10 @@ import type {
   ThemeName,
   User,
 } from '../types';
+
+import type { ThemeColors } from '../styles';
+import { ThemeContext } from '../styles';
+
 import { connect } from '../react-redux';
 import {
   getAuth,
@@ -137,15 +140,12 @@ const assetsPath = Platform.OS === 'ios' ? './webview' : 'file:///android_asset/
 // [3] https://github.com/facebook/react-native/blob/0.59-stable/React/Base/RCTConvert.m#L85
 
 class MessageList extends Component<Props> {
-  context: Context;
+  context: ThemeColors;
   webview: ?WebView;
   sendUpdateEventsIsReady: boolean;
   unsentUpdateEvents: WebViewUpdateEvent[] = [];
 
-  static contextTypes = {
-    styles: () => null,
-    theme: () => null,
-  };
+  static contextType = ThemeContext;
 
   componentDidMount() {
     this.setupSendUpdateEvents();
@@ -209,7 +209,6 @@ class MessageList extends Component<Props> {
   };
 
   render() {
-    const { styles: contextStyles } = this.context;
     const {
       backgroundData,
       renderedMessages,
@@ -304,7 +303,8 @@ class MessageList extends Component<Props> {
         source={{ baseUrl, html }}
         originWhitelist={['file://']}
         onShouldStartLoadWithRequest={onShouldStartLoadWithRequest}
-        style={contextStyles.webview}
+        /* eslint-disable react-native/no-inline-styles */
+        style={{ backgroundColor: this.context.backgroundColor, borderWidth: 0 }}
         ref={webview => {
           this.webview = webview;
         }}