PropsExample.js

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

class User extends Component {
  render() {
    return (
      <View>
        <Text>Username: {this.props.name}</Text>
        <Text>Phone number: {this.props.phone}</Text>
        <Image source={this.props.avatar} style={{ width: 200, height: 150 }} />
      </View>
    );
  }
}

export default class AllUsers extends Component {
  render() {
    return (
      <View>
        <User
          name="Manoylo"
          phone="1231234"
          avatar="https://api.adorable.io/avatars/285/abottf.png"
        />
      
        <User
          name="James Franco"
          phone="+156789120" //not his actual phone number :)
          avatar="https://api.adorable.io/avatars/285/james.png"
        />
      </View>
    );
  }
}