React native UI example/template. simple profile detail

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

const ProfileDetail = () => {
  return (
    <View style={styles.container}>
      <View style={styles.body}>
        <View style={styles.avatarContainer}>
          <Text style={styles.avatar}>RN</Text>
        </View>
        <View style={styles.nameContainer}>
          <Text style={styles.name}>Your Name</Text>
        </View>
        <View style={styles.infoContainer}>
          <Text style={styles.infoLabel}>Email:</Text>
          <Text style={styles.infoText}>[email protected]</Text>
        </View>
        <View style={styles.infoContainer}>
          <Text style={styles.infoLabel}>Location:</Text>
          <Text style={styles.infoText}>Your Location</Text>
        </View>
        <View style={styles.infoContainer}>
          <Text style={styles.infoLabel}>Bio:</Text>
          <Text style={styles.infoText}>Your bio goes here</Text>
        </View>
        <View style={styles.infoContainer}>
          <Text style={styles.infoLabel}>Portfolio:</Text>
          <Text style={st
//LOGIN TO SEE THE REST OF THE CODE====.========}>=====://=============.===</====>
        </====>
      </====>
    </====>
  );
};

===== ====== = ==========.======({
  =========: {
    ====: =,
    ===============: '#======',
  },
  ====: {
    =========:===,
    ==========: '======',
    ==============: '======',
  },
  ===============: {
    =====: ===,
    ======: ===,
    ============: ==,
    ===============: '#======',
    ==========: '======',
    ==============: '======',
    ===========: '#======',
    ============: {
      =====: =,
      ======: =,
    },
    ============: =,
    =============: =.==,
  },
  ======: {
    ========: ==,
    ==========: '===',
  },
  =============: {
    =========: ==,
    ==========: '======',
  },
  ====: {
    ========: ==,
    ==========: '===',
  },
  =============: {
    =============: '===',
    ==========: '======',
    =========: ==,
  },
  =========: {
    ========: ==,
    ==========: '===',
    =====: '#======',
    ===========: =,
  },
  ========: {
    ========: ==,
  },
});

====== ======= =============;