Merge pull request thecodingmachine#1 from thecodingmachine/design

Improve the example UI
chadhobson · Sep 25, 2018 · 43ef9d5 · 43ef9d5
2 parents 6c084bd + 94e8e95
commit 43ef9d5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/App/Containers/Example/ExampleScreen.js b/App/Containers/Example/ExampleScreen.js
@@ -24,7 +24,7 @@ class ExampleScreen extends React.Component {
 
     return (
       <View style={Style.container}>
-        <Text style={Style.title}>Welcome to React Native!</Text>
+        <Text style={Style.title}>TheCodingMachine boilerplate</Text>
         <Text style={Style.text}>To get started, edit App.js</Text>
         <Text style={Style.text}>{instructions}</Text>
         <Text style={Style.text}>The weather temperature is: {temperature}</Text>

diff --git a/App/Containers/Example/ExampleScreenStyle.js b/App/Containers/Example/ExampleScreenStyle.js
@@ -5,11 +5,14 @@ import ApplicationStyles from 'App/Theme/ApplicationStyles'
 export default StyleSheet.create({
   container: {
     ...ApplicationStyles.screen.container,
+    margin: 30,
+    flex: 1,
+    justifyContent: 'center',
   },
   title: {
-    ...Fonts.style.h1,
+    ...Fonts.style.h2,
     textAlign: 'center',
-    margin: 10,
+    marginBottom: 10,
   },
   text: {
     ...Fonts.style.normal,