Append TheCodingMachine Logo into App and Readme

Author: aum-tcm

App/Containers/Example/ExampleScreen.js

@@ -1,10 +1,11 @@
 import React from 'react'
-import { Platform, Text, View, Button, ActivityIndicator } from 'react-native'
+import { Platform, Text, View, Button, ActivityIndicator, Image } from 'react-native'
 import { connect } from 'react-redux'
 import { PropTypes } from 'prop-types'
 import ExampleActions from 'App/Stores/Example/Actions'
 import { liveInEurope } from 'App/Stores/Example/Selectors'
 import Style from './ExampleScreenStyle'
+import { Images } from 'App/Theme'
 
 /**
  * This is an example of a container component.
@@ -30,7 +31,9 @@ class ExampleScreen extends React.Component {
           <ActivityIndicator size="large" color="#0000ff" />
         ) : (
           <View>
-            <Text style={Style.title}>TheCodingMachine boilerplate</Text>
+            <View style={Style.logoContainer}>
+              <Image style={Style.logo} source={Images.logo} resizeMode={'contain'} />
+            </View>
             <Text style={Style.text}>To get started, edit App.js</Text>
             <Text style={Style.instructions}>{instructions}</Text>
             {this.props.userErrorMessage ? (

App/Containers/Example/ExampleScreenStyle.js

@@ -41,4 +41,13 @@ export default StyleSheet.create({
     marginBottom: 5,
     color: 'red',
   },
+  logoContainer: {
+    width: '100%',
+    height: 300,
+    marginBottom: 25,
+  },
+  logo: {
+    width: '100%',
+    height: '100%',
+  },
 })

App/Images/TOM-Legend.png

@@ -3,5 +3,5 @@
  */
 
 export default {
-  // logo: require('../Images/logo.png'),
+  logo: require('App/Images/TOM.png'),
 }

App/Images/TOM.png

@@ -1,3 +1,8 @@
+<div align="center">
+    <img src="App/Images/TOM-Legend.png" alt="Logo" width="100%">
+</div>
+
+
 # TheCodingMachine React Native boilerplate
 
 This project is a [React Native](https://facebook.github.io/react-native/) boilerplate that can be used to kickstart a mobile application.