[fix] doc examples

docs/components/Image.md

@@ -76,11 +76,11 @@ Used to locate a view in end-to-end tests.
 
 ```js
 import placeholderAvatar from './placeholderAvatar.png'
-import React, { Image } from 'react-native-web'
+import React, { Image, StyleSheet } from 'react-native-web'
 
 const { Component, PropTypes } = React;
 
-class Avatar extends Component {
+export default class Avatar extends Component {
   constructor(props, context) {
     super(props, context)
     this.state = { loading: true }
@@ -118,7 +118,7 @@ class Avatar extends Component {
   }
 }
 
-const styles = {
+const styles = StyleSheet.create({
   base: {
     borderColor: 'white',
     borderRadius: '5px',
@@ -139,5 +139,5 @@ const styles = {
     height: '64px',
     width: '64px'
   }
-}
+})
 ```

docs/components/TextInput.md

@@ -159,11 +159,9 @@ user edits to the value set `editable={false}`.
 ## Examples
 
 ```js
-import React, { TextInput } from 'react-native-web'
+import React, { StyleSheet, TextInput } from 'react-native-web'
 
-const { Component } = React
+export default class AppTextInput extends React.Component {
-
-class AppTextInput extends Component {
   constructor(props, context) {
     super(props, context)
     this.state = { isFocused: false }
@@ -182,16 +180,16 @@ class AppTextInput extends Component {
         numberOfLines={2}
         onFocus={this._onFocus.bind(this)}
         placeholder={`What's happening?`}
-        style={
+        style={{
           ...styles.default
           ...(this.state.isFocused && styles.focused)
-        }
+        }}
       />
     );
   }
 }
 
-const styles = {
+const styles = StyleSheet.create({
   default: {
     borderColor: 'gray',
     borderWidth: '0 0 2px 0'
@@ -199,5 +197,5 @@ const styles = {
   focused: {
     borderColor: 'blue'
   }
-}
+})
 ```