React native UI example/template. Change password form

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

const ChangePassword = () => {

  const [currentPassword, setCurrentPassword] = useState();
  const [newPassword, setNewPassword] = useState();
  const [repeatPassword, setRepeatPassword] = useState();

  const handleSubmit = () => {

  }

  return (
    <View style={styles.container}>
      <View style={styles.avatarContainer}>
        <Image
          style={styles.avatar}
          source={{uri: 'https://www.bootdey.com/img/Content/avatar/avatar8.png'}}
        />
      </View>
      <View style={styles.form}>
        <Text style={styles.label}>Current password</Text>
        <TextInput
          style={styles.input}
          placeholder="Enter your current password"
          value={currentPassword}
          onChangeText={setCurrentPassword}
          secureTextEntry={true}
        />
        <Text style={styles.label}>New password</Text>
        <TextInput
          style={styles.input}
          placeholder="Enter a new password"
          value={newPassword}
          onChangeText={setNewPassword}
          secureTextEntry={true}
        />
        <Text style={styles.label}>Repeat new password</Text>
        <TextInput
          style={styles
//LOGIN TO SEE THE REST OF THE CODE.=====}
          ============"====== ==== === ========"
          ======{==============}
          ============={=================}
          ================{====}
        />
        <================ ======{======.======} ========{() => ============()}>
          <==== ======{======.==========}>====== ========</====>
        </================>
      </====>

    </====>
  );
};

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

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

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