|
|
@ -2,13 +2,14 @@ import React from "react"; |
|
|
|
import { Text, View } from "react-native"; |
|
|
|
import { useState } from "react"; |
|
|
|
import { styles } from './styles/AppStyles'; |
|
|
|
import { TouchableOpacity } from "react-native-gesture-handler"; |
|
|
|
|
|
|
|
function Home(props){ |
|
|
|
|
|
|
|
return ( |
|
|
|
<View style={[styles.flex]}> |
|
|
|
<View style={[styles.flexHalf, styles.spaceAround]}> |
|
|
|
<Text style={[styles.headerTitleFont, styles.centeredText, styles.darkText]}> |
|
|
|
<Text style={[styles.boldText, styles.headerTitleFont, styles.centeredText, styles.darkText]}> |
|
|
|
Square |
|
|
|
<Text style={[styles.green, styles.headerTitleFont, styles.centeredText, styles.lightText]}> |
|
|
|
{' not '} |
|
|
@ -18,10 +19,17 @@ function Home(props){ |
|
|
|
</Text> |
|
|
|
</Text> |
|
|
|
</View> |
|
|
|
<View style={styles.flex}> |
|
|
|
<Text style={[styles.largeFont, styles.centeredText, styles.darkText]}> |
|
|
|
Loading... |
|
|
|
</Text> |
|
|
|
<View style={[styles.flex, styles.centeredItems, styles.spaceEvenly]}> |
|
|
|
<TouchableOpacity style={[styles.centeredJustify, styles.darkGreen, styles.menuButton, styles.dropShadow]}> |
|
|
|
<Text style={[styles.lightText, styles.headerTitleFont, styles.boldText, styles.centeredText]}> |
|
|
|
Start |
|
|
|
</Text> |
|
|
|
</TouchableOpacity> |
|
|
|
<TouchableOpacity style={[styles.centeredJustify, styles.darkGreen, styles.menuButton, styles.dropShadow]}> |
|
|
|
<Text style={[styles.lightText, styles.headerTitleFont, styles.boldText, styles.centeredText]}> |
|
|
|
High Scores |
|
|
|
</Text> |
|
|
|
</TouchableOpacity> |
|
|
|
</View> |
|
|
|
</View> |
|
|
|
) |
|
|
|