components.Greeting.js

import React, {Component} from 'react';
import {Text} from 'react-native';

class Greeting extends Component {
    render() {
        return (
            <Text>Hello {this.props.name}!</Text>
        );
    }
}

index.android.js

import React, { Component } from 'react';
import { AppRegistry, Image, View } from 'react-native';
import { Greeting } from './components/Greeting';

class App extends Component {
    render() {
        return (
            <View style={{alignItems: 'center'}}>
                <Greeting name='Rexxar' />
                <Greeting name='Jaina' />
                <Greeting name='Valeeratttt' />
            </View>
        );
    }
}

AppRegistry.registerComponent('TafsAndMetars', () => App);