From ba9d675b4a11838ef6774e7fd747b60ddb223b7c Mon Sep 17 00:00:00 2001 From: konchanSS Date: Fri, 2 Feb 2018 18:20:14 +0900 Subject: [PATCH 1/2] Props lesson 1 --- App.js | 24 ++++++++---------------- 1 file changed, 8 insertions(+), 16 deletions(-) diff --git a/App.js b/App.js index 8d6286c..3116f74 100644 --- a/App.js +++ b/App.js @@ -1,23 +1,15 @@ -import React from 'react'; -import { StyleSheet, Text, View } from 'react-native'; +import React, { Component } from 'react'; +import { AppRegistry, Image } from 'react-native'; -export default class App extends React.Component { +export default class Bananas extends Component { render() { + let pic = { + uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg' + }; return ( - - Open up App.js to start working on your app! - Changes you make will automatically reload. - Shake your phone to open the developer menu. - + ); } } -const styles = StyleSheet.create({ - container: { - flex: 1, - backgroundColor: '#fff', - alignItems: 'center', - justifyContent: 'center', - }, -}); +AppRegistry.registerComponent('AwesomeProject', () => Bananas); From 044476d21717e812aa7bde80bebf497866baef39 Mon Sep 17 00:00:00 2001 From: konchanSS Date: Fri, 2 Feb 2018 18:30:43 +0900 Subject: [PATCH 2/2] Props lesson 2 --- App.js | 22 +++++++++++++++------- 1 file changed, 15 insertions(+), 7 deletions(-) diff --git a/App.js b/App.js index 3116f74..07c0946 100644 --- a/App.js +++ b/App.js @@ -1,15 +1,23 @@ import React, { Component } from 'react'; -import { AppRegistry, Image } from 'react-native'; +import { AppRegistry, Text, View } from 'react-native'; -export default class Bananas extends Component { +class Greeting extends Component { render() { - let pic = { - uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg' - }; return ( - + Hello {this.props.name}! ); } } -AppRegistry.registerComponent('AwesomeProject', () => Bananas); +export default class LotsOfGreetings extends Component { + render() { + return ( + + + + + + ); + } +} +AppRegistry.registerComponent('AwesomeProject', () => LotsOfGreetings);