|
@@ -4,7 +4,7 @@ import { AppRegistry, Image, StyleSheet, Text, View } from 'react-native';
|
|
|
const styles = StyleSheet.create({
|
|
|
container: {
|
|
|
flex: 1,
|
|
|
- backgroundColor: '#fa4',
|
|
|
+ backgroundColor: '#fe8',
|
|
|
alignItems: 'center',
|
|
|
justifyContent: 'center',
|
|
|
},
|
|
@@ -23,7 +23,7 @@ class App extends Component {
|
|
|
}
|
|
|
|
|
|
|
|
|
-export default class Bananas extends Component {
|
|
|
+class Bananas extends Component {
|
|
|
render() {
|
|
|
const pic = {
|
|
|
uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg',
|
|
@@ -43,5 +43,25 @@ export default class Bananas extends Component {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+class Greeting extends Component {
|
|
|
+ render() {
|
|
|
+ return (
|
|
|
+ <Text>Hello {this.props.name}!</Text>
|
|
|
+ );
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+export default class LotfOfGreetings extends Component {
|
|
|
+ render() {
|
|
|
+ return (
|
|
|
+ <View style={styles.container}>
|
|
|
+ <Greeting name="Rexxar" />
|
|
|
+ <Greeting name="Jaina" />
|
|
|
+ <Greeting name="Valeera" />
|
|
|
+ </View>
|
|
|
+ );
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
// skip this line if using Create React Native App
|
|
|
// AppRegistry.registerComponent('AwesomeProject', () => Bananas);
|