From 45a7b78a8003fedafe672f1102931a2de7ee7d59 Mon Sep 17 00:00:00 2001
From: konchanSS <b1447864@planet.kanazawa-it.ac.jp>
Date: Sun, 4 Feb 2018 15:57:30 +0900
Subject: [PATCH 1/3] Layout with flexbox lesson 1

---
 App.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/App.js b/App.js
index 224d7db..4eb0fd8 100644
--- a/App.js
+++ b/App.js
@@ -4,10 +4,10 @@ import { AppRegistry, Text, View } from 'react-native';
 export default class App extends Component {
   render() {
     return (
-      <View>
-        <Text>Open up App.js to start working on your app!</Text>
-        <Text>Changes you make will automatically reload.</Text>
-        <Text>Shake your phone to open the developer menu.</Text>
+      <View style={{flex:1, flexDirection: 'row'}}>
+        <View style={{width: 50, height: 50, backgroundColor: 'powderblue'}} />
+        <View style={{width: 50, height: 50, backgroundColor: 'skyblue'}} />
+        <View style={{width: 50, height: 50, backgroundColor: 'steelblue'}} />
       </View>
     );
   }

From 8026959047b27ce557e8eb83fa4aa0ba89b55c54 Mon Sep 17 00:00:00 2001
From: konchanSS <b1447864@planet.kanazawa-it.ac.jp>
Date: Sun, 4 Feb 2018 16:00:06 +0900
Subject: [PATCH 2/3] Layout with flexbox lesson 2

---
 App.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/App.js b/App.js
index 4eb0fd8..16ced82 100644
--- a/App.js
+++ b/App.js
@@ -4,7 +4,11 @@ import { AppRegistry, Text, View } from 'react-native';
 export default class App extends Component {
   render() {
     return (
-      <View style={{flex:1, flexDirection: 'row'}}>
+      <View style={{
+        flex:1, 
+        flexDirection: 'column',
+        justifyContent: 'space-between',
+      }}>
         <View style={{width: 50, height: 50, backgroundColor: 'powderblue'}} />
         <View style={{width: 50, height: 50, backgroundColor: 'skyblue'}} />
         <View style={{width: 50, height: 50, backgroundColor: 'steelblue'}} />

From 1ec685f66dfebd2f24b088674e58369c09841ae4 Mon Sep 17 00:00:00 2001
From: konchanSS <b1447864@planet.kanazawa-it.ac.jp>
Date: Sun, 4 Feb 2018 16:01:11 +0900
Subject: [PATCH 3/3] Layout with flexbox lesson 3

---
 App.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/App.js b/App.js
index 16ced82..5ce8f53 100644
--- a/App.js
+++ b/App.js
@@ -7,7 +7,8 @@ export default class App extends Component {
       <View style={{
         flex:1, 
         flexDirection: 'column',
-        justifyContent: 'space-between',
+        justifyContent: 'center',
+        alignItems: 'center',
       }}>
         <View style={{width: 50, height: 50, backgroundColor: 'powderblue'}} />
         <View style={{width: 50, height: 50, backgroundColor: 'skyblue'}} />