React native UI example/template. Profile with info

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

export default ProfileView = () => {
  return (
    <View style={styles.container}>
      <View style={styles.header}>
        <View style={styles.headerContent}>
          <Image
            style={styles.avatar}
            source={{ uri: 'https://bootdey.com/img/Content/avatar/avatar2.png' }}
          />
          <Text style={styles.name}>John Doe</Text>
        </View>
      </View>

      <View style={styles.profileDetail}>
        <View style={styles.detailContent}>
          <Text style={styles.title}>Photos</Text>
          <Text style={styles.count}>200</Text>
        </View>
        <View style={styles.detailContent}>
          <Text style={styles.title}>Followers</Text>
          <Text style={styles.count}>200</Text>
        </View>
        <View style={styles.detailContent}>
          <Text style={styles.title}>Following</Text>
          <Text style={styles.count}>200</Text>
        </View>
      </View>

      <View style={styles.body}>
        <View style={styles.bodyContent}>
          <TouchableOpacity style={styles.buttonContainer}>
            <Text>Opcion 1</Text>
          </TouchableOpacity>
          <Text style={styles.description}>
            Lorem ipsum dolor sit amet, saepe sapientem eu nam. Qui ne assum electram expetendis,

//LOGIN TO SEE THE REST OF THE CODE            ======= ========== ============ === ==,
          </====>
        </====>
      </====>
    </====>
  )
}

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