youneshenniwrites

// Request a new password
async forgotPassword() {
  const { username } = this.state
  await Auth.forgotPassword(username)
  .then(data => console.log('New code sent', data))
  .catch(err => {
    if (! err.message) {
      console.log('Error while setting up the new password: ', err)
      Alert.alert('Error while setting up the new password: ', err)
    } else {

youneshenniwrites

// Sign up user with AWS Amplify Auth
async signUp() {
  const { username, password, email, phoneNumber } = this.state
  // rename variable to conform with Amplify Auth field phone attribute
  const phone_number = phoneNumber
  await Auth.signUp({
    username,
    password,
    attributes: { email, phone_number }
  })

youneshenniwrites

// Configurations and options for the AppTabNavigator
const configurations = {
  Home: {
    screen: HomeScreen,
    navigationOptions: {
      tabBarLabel: 'Home',
      tabBarIcon: ({ tintColor }) => (
        <Icon name="ios-home" style={{fontSize: 26, color: tintColor}} />
      )
    }

youneshenniwrites

export default class SettingsScreen extends React.Component {
  // ... same code above this line
  render() {
    return (
      <SafeAreaView style={styles.container}>
        <StatusBar/>
        <KeyboardAvoidingView style={styles.container} behavior='padding' enabled>
          <TouchableWithoutFeedback style={styles.container} onPress={Keyboard.dismiss}>
            <View style={styles.container}>
              {/*Infos*/}

youneshenniwrites

export default class ForgetPasswordScreen extends React.Component {
  // ...same code above
  render() {
    return (
      <SafeAreaView style={styles.container}>
        <StatusBar/>
        <KeyboardAvoidingView 
          style={styles.container} 
          behavior='padding' 
          enabled 

youneshenniwrites

export default class SignUpScreen extends React.Component {
  // ... same code above this line
  render() {
    return (
      <SafeAreaView style={styles.container}>
        <StatusBar/>
        <KeyboardAvoidingView 
          style={styles.container} 
          behavior='padding' 
          enabled>

youneshenniwrites

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#aa73b7',
    justifyContent: 'center',
    flexDirection: 'column'
  },
  input: {
    flex: 1,
    fontSize: 17,

youneshenniwrites

export default class SignInScreen extends React.Component {
  //... same code as before in the above
  render() {
    return (
      <SafeAreaView style={styles.container}>
        <StatusBar/>
        <KeyboardAvoidingView style={styles.container} behavior='padding' enabled>
          <TouchableWithoutFeedback style={styles.container} onPress={Keyboard.dismiss}>
            <View style={styles.container}>
              <Container style={styles.infoContainer}>

youneshenniwrites

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#aa73b7',
    justifyContent: 'center',
    flexDirection: 'column'
  },
  input: {
    flex: 1,
    fontSize: 17,

youneshenniwrites

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

import { 
  createSwitchNavigator, 
  createStackNavigator ,
  createDrawerNavigator,
  createBottomTabNavigator
} from 'react-navigation'