From 5abdbefe01b932299c818bf6b11d9c4f910a15f6 Mon Sep 17 00:00:00 2001
From: konchanSS <b1447864@planet.kanazawa-it.ac.jp>
Date: Fri, 2 Feb 2018 19:46:16 +0900
Subject: [PATCH 1/2] Height and Width lesson 1

---
 App.js | 24 +++++++++---------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/App.js b/App.js
index 8d6286c..d4322fd 100644
--- a/App.js
+++ b/App.js
@@ -1,23 +1,17 @@
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
+import React, {Component} from 'react';
+import { AppRegistry, Text, View } from 'react-native';
 
-export default class App extends React.Component {
+export default class FixedDimensionsBasics extends Component {
   render() {
     return (
-      <View style={styles.container}>
-        <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 >
+        <View style={{width: 50, height:  50, backgroundColor: 'powderblue'}}>
+          <Text>powderblue</Text>
+        </View>
+        <View style={{width: 100, height: 100, backgroundColor: 'skyblue'}} />
       </View>
     );
   }
 }
 
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#fff',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-});
+AppRegistry.registerComponent('react-native-tutorial', () => FixedDimensionsBasics);

From a7b691a8107a1738b122fa90f39e1d2e8c5a71f5 Mon Sep 17 00:00:00 2001
From: konchanSS <b1447864@planet.kanazawa-it.ac.jp>
Date: Sun, 4 Feb 2018 15:23:33 +0900
Subject: [PATCH 2/2] Height and Width lesson 2

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

diff --git a/App.js b/App.js
index d4322fd..2ee9dce 100644
--- a/App.js
+++ b/App.js
@@ -4,11 +4,10 @@ import { AppRegistry, Text, View } from 'react-native';
 export default class FixedDimensionsBasics extends Component {
   render() {
     return (
-      <View >
-        <View style={{width: 50, height:  50, backgroundColor: 'powderblue'}}>
-          <Text>powderblue</Text>
-        </View>
-        <View style={{width: 100, height: 100, backgroundColor: 'skyblue'}} />
+      <View style={{flex:1}}> 
+        <View style={{flex:1, backgroundColor: 'powderblue'}} />
+        <View style={{flex:2, backgroundColor: 'skyblue'}} />
+        <View style={{flex:3, backgroundColor: 'steelblue'}} />
       </View>
     );
   }