diff --git a/screens/HomeScreen.js b/screens/HomeScreen.js index 05cdc65..6a3efc7 100644 --- a/screens/HomeScreen.js +++ b/screens/HomeScreen.js @@ -1,52 +1,70 @@ -import * as WebBrowser from 'expo-web-browser'; -import * as React from 'react'; -import { Image, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native'; -import { ScrollView } from 'react-native-gesture-handler'; +import * as WebBrowser from "expo-web-browser"; +import * as React from "react"; +import { + Image, + Platform, + StyleSheet, + Text, + TouchableOpacity, + View, +} from "react-native"; +import { ScrollView } from "react-native-gesture-handler"; -import { MonoText } from '../components/StyledText'; +import { MonoText } from "../components/StyledText"; export default function HomeScreen() { return ( - + - - Woohoo! Welcome to the development of the Anxiety App! - Open up the code for this screen: + + Open up the code for this screen: + - + screens/HomeScreen.js - - - Help, it didn’t automatically reload! + + Help, it didn’t automatically reload! + - This is a tab bar. You can edit it in: + + This is a tab bar. You can edit it in: + - - navigation/BottomTabNavigator.js + + + navigation/BottomTabNavigator.js + @@ -67,8 +85,8 @@ function DevelopmentModeNotice() { return ( - Development mode is enabled: your app will be slower but you can use useful development - tools. {learnMoreButton} + Development mode is enabled: your app will be slower but you can use + useful development tools. {learnMoreButton} ); } else { @@ -81,71 +99,73 @@ function DevelopmentModeNotice() { } function handleLearnMorePress() { - WebBrowser.openBrowserAsync('https://docs.expo.io/versions/latest/workflow/development-mode/'); + WebBrowser.openBrowserAsync( + "https://docs.expo.io/versions/latest/workflow/development-mode/" + ); } function handleHelpPress() { WebBrowser.openBrowserAsync( - 'https://docs.expo.io/versions/latest/get-started/create-a-new-app/#making-your-first-change' + "https://docs.expo.io/versions/latest/get-started/create-a-new-app/#making-your-first-change" ); } const styles = StyleSheet.create({ container: { flex: 1, - backgroundColor: '#fff', + backgroundColor: "#fff", }, developmentModeText: { marginBottom: 20, - color: 'rgba(0,0,0,0.4)', + color: "rgba(0,0,0,0.4)", fontSize: 14, lineHeight: 19, - textAlign: 'center', + textAlign: "center", }, contentContainer: { paddingTop: 30, }, welcomeContainer: { - alignItems: 'center', + alignItems: "center", marginTop: 10, marginBottom: 20, }, welcomeImage: { width: 100, height: 80, - resizeMode: 'contain', + resizeMode: "contain", marginTop: 3, marginLeft: -10, }, getStartedContainer: { - alignItems: 'center', + alignItems: "center", marginHorizontal: 50, }, homeScreenFilename: { marginVertical: 7, }, codeHighlightText: { - color: 'rgba(96,100,109, 0.8)', + color: "rgba(96,100,109, 0.8)", }, codeHighlightContainer: { - backgroundColor: 'rgba(0,0,0,0.05)', + backgroundColor: "rgba(0,0,0,0.05)", borderRadius: 3, paddingHorizontal: 4, }, getStartedText: { fontSize: 17, - color: 'rgba(96,100,109, 1)', + color: "rgba(96,100,109, 1)", lineHeight: 24, - textAlign: 'center', + textAlign: "center", }, tabBarInfoContainer: { - position: 'absolute', + position: "absolute", bottom: 0, left: 0, right: 0, ...Platform.select({ ios: { - shadowColor: 'black', + shadowColor: "black", shadowOffset: { width: 0, height: -3 }, shadowOpacity: 0.1, shadowRadius: 3, @@ -154,27 +174,27 @@ const styles = StyleSheet.create({ elevation: 20, }, }), - alignItems: 'center', - backgroundColor: '#fbfbfb', + alignItems: "center", + backgroundColor: "#fbfbfb", paddingVertical: 20, }, tabBarInfoText: { fontSize: 17, - color: 'rgba(96,100,109, 1)', - textAlign: 'center', + color: "rgba(96,100,109, 1)", + textAlign: "center", }, navigationFilename: { marginTop: 5, }, helpContainer: { marginTop: 15, - alignItems: 'center', + alignItems: "center", }, helpLink: { paddingVertical: 15, }, helpLinkText: { fontSize: 14, - color: '#2e78b7', + color: "#2e78b7", }, });