From 076178157c5ea97f5ab1f056558a0cc61583fe46 Mon Sep 17 00:00:00 2001
From: konchanSS <b1447864@planet.kanazawa-it.ac.jp>
Date: Fri, 2 Feb 2018 19:36:51 +0900
Subject: [PATCH] Style lesson 1

---
 App.js | 29 +++++++++++++++++------------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/App.js b/App.js
index 8d6286c..bf7b0f5 100644
--- a/App.js
+++ b/App.js
@@ -1,23 +1,28 @@
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
+import React, { Component } from 'react';
+import { AppRegistry, StyleSheet, Text, View } from 'react-native';
 
-export default class App extends React.Component {
+export default class LotsOfStyles 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> 
+        <Text style={styles.red}> just red</Text>
+        <Text style={styles.bigblue}> just bigblue</Text>
+        <Text style={[styles.bigblue, styles.red]}>bigblue, then red</Text>
+        <Text style={[styles.red, styles.bigblue]}>red, then bigblue</Text>
       </View>
     );
   }
 }
 
 const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#fff',
-    alignItems: 'center',
-    justifyContent: 'center',
+  bigblue: {
+    color: 'blue',
+    fontWeight: 'bold',
+    fontSize: 30,
+  },
+  red: {
+    color: 'red',
   },
 });
+
+AppRegistry.registerComponent('react-native-tutorial', () => LotsOfStyles);