First Try React Native

App.js

import React from 'react';
import { StyleSheet, Text, Image, View } from 'react-native';

export default class App extends React.Component {
  render() {
    return (
      <View style={{alignItems: 'center', marginTop: 250}} >
        <Greeting name="Denkeni" relationship="Boss" />
        <Greeting name="Joan" relationship="Classmate" />
        <Greeting name="Billy" relationship="Roommate" />
      </View>
    );
  }
}

class Greeting extends React.Component {
  render() {
    return (
      <Text style={styles.container} > Hello {this.props.name}! {'\n'} I'm your {this.props.relationship}!? </Text>
    );
  }
}

const styles = StyleSheet.create({
    container: {
      lineHeight: 30, 
      textAlign: 'center'
    }
})