fga-eps-mds#175 - Modifying icons in profile screen

app.json

@@ -1,4 +1,6 @@
 {
   "name": "MerendaMais",
-  "displayName": "Merenda Mais"
+  "displayName": "Merenda Mais",
+  "icon": "./src/images/icone.png",
+  "slug": "merendamais"
 }

src/components/Header.js

@@ -2,6 +2,8 @@ import React from 'react';
 import { View, StyleSheet, Text, TouchableOpacity, Dimensions } from 'react-native';
 import PropTypes from 'prop-types';
 import { Actions } from 'react-native-router-flux';
+import Ionicons from 'react-native-vector-icons/Ionicons';
+
 
 const { width } = Dimensions.get('window');
 
@@ -55,6 +57,7 @@ const Header = props => (
   <View style={styles.wrapper}>
     <View style={styles.buttonWrapper}>
       <TouchableOpacity onPress={props.onPress} >
+        <Ionicons name="ios-arrow-back-outline" style={styles.icon} size={45} color="black" />
       </TouchableOpacity>
     </View>
     <View style={styles.textWrapper}>

src/screens/ProfileInfoScreen.js

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import { Text, ScrollView, View, BackHandler } from 'react-native';
 import Header from '../components/Header';
 import Button from '../components/Button';
+import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 import { backHandlerPopToMain } from '../NavigationFunctions';
 import PROFILE_FIELDS from '../constants/profileInformations';
 import styles from '../Styles/ProfileStyles';
@@ -49,6 +50,7 @@ export default class ProfileInfoScreen extends React.Component {
             {
               PROFILE_FIELDS.map((item, index) => (
                 <View style={styles.field}>
+                  <MaterialIcons name={item.icon} style={styles.icon} size={32} color="black" />
                   <Text>{item.label} {informations[index]}</Text>
                 </View>
               ),