|
@ -3,6 +3,10 @@ import { BackHandler, Text, View } from "react-native"; |
|
|
import { useState } from "react"; |
|
|
import { useState } from "react"; |
|
|
import { styles } from './styles/AppStyles'; |
|
|
import { styles } from './styles/AppStyles'; |
|
|
import { TouchableOpacity } from "react-native-gesture-handler"; |
|
|
import { TouchableOpacity } from "react-native-gesture-handler"; |
|
|
|
|
|
import MaterialIcon from 'react-native-vector-icons/MaterialCommunityIcons'; |
|
|
|
|
|
import Icons from '../themes/Icons'; |
|
|
|
|
|
import Colors from "../themes/Colors"; |
|
|
|
|
|
import Metrics from "../themes/Metrics"; |
|
|
|
|
|
|
|
|
function Home(props){ |
|
|
function Home(props){ |
|
|
|
|
|
|
|
@ -12,6 +16,12 @@ function Home(props){ |
|
|
|
|
|
|
|
|
return ( |
|
|
return ( |
|
|
<View style={[styles.flex]}> |
|
|
<View style={[styles.flex]}> |
|
|
|
|
|
<MaterialIcon |
|
|
|
|
|
name={Icons.squareIcons.settings} |
|
|
|
|
|
color={Colors.material.green400} |
|
|
|
|
|
size={Metrics.icons.buttonIcon} |
|
|
|
|
|
style={styles.endAlign} |
|
|
|
|
|
/> |
|
|
<View style={[styles.flexHalf, styles.spaceAround]}> |
|
|
<View style={[styles.flexHalf, styles.spaceAround]}> |
|
|
<Text style={[styles.boldText, styles.headerTitleFont, styles.centeredText, styles.darkText]}> |
|
|
<Text style={[styles.boldText, styles.headerTitleFont, styles.centeredText, styles.darkText]}> |
|
|
Square |
|
|
Square |
|
|