*

Ejectable/App.tsx

@@ -8,7 +8,7 @@ import useCachedResources from './hooks/useCachedResources';
 import useColorScheme from './hooks/useColorScheme';
 import Navigation from './navigation';
 import { GT2 } from './GT2';
-export var debug:boolean = true;
+export var debug:boolean = false;
 export var expoGeoState:any;
 
 export default function App() {

Ejectable/GT2.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { Coordinate } from "./Coordinate";
 import { Text, View } from './components/Themed';
 import { StyleSheet } from 'react-native';
+import { useState, useEffect } from 'react';
 
 const styles = StyleSheet.create({
     tripText: {
@@ -36,14 +37,15 @@ class Chronometer {
 
 export class GT2 {
 
-           displayInterval:any   = null;
+	       loc:Coordinate        = new Coordinate(0,0);
            clock:Chronometer     = new Chronometer();
            startPoint:Coordinate = new Coordinate(0,0);
+
+           displayInterval:any   = null;
     public distance:number       = 0.0;
            co2Rate:number        = 0.0;   
 	       currTime:number       = 0;
            lastTime:number       = 0;
-	       loc:Coordinate        = new Coordinate(0,0);
 	public v:number              = 0;
     public inProgress:boolean    = false;
     public paused:boolean        = false;
@@ -94,6 +96,8 @@ export class GT2 {
 
     public TripDisplay() {
 
+       var tripPanel:string = "";
+
     if (!thisTrip.inProgress) 
     return ( 
       <View>

Ejectable/components/ScreenInfo.tsx

@@ -33,9 +33,9 @@ export function ScreenInfo2() {
 
 export function ScreenInfo3() {
   return (
-    <View style={styles.settingsContainer}>
+    <View style={styles.splashContainer}>
         <Text
-          style={styles.settingsText}
+          style={styles.titleText}
           lightColor="rgba(0,0,0,0.8)"
           darkColor="rgba(255,255,255,0.8)">
           Green Travel Carbon Calculator v. 2
@@ -51,17 +51,29 @@ export function ScreenInfo3() {
 }
 
 const styles = StyleSheet.create({
+  splashContainer: {
+    marginHorizontal: 50,
+    marginVertical: 20,
+    backgroundColor: 'rgba(0, 0, 0, 0)',
+  },
   settingsContainer: {
     marginHorizontal: 50,
     marginVertical: 20,
   },
+  titleText: {
+    color: 'white',
+    fontSize: 17,
+    lineHeight: 24,
+    textAlign: 'center',
+  },
   settingsText: {
     fontSize: 17,
     lineHeight: 24,
     textAlign: 'center',
   },
   versionText: {
-    fontSize: 8,
+    color: 'yellow',
+    fontSize: 10,
     textAlign: 'center',
   },
 });

Ejectable/package-lock.json

@@ -1366,64 +1366,14 @@
       }
     },
     "@expo/metro-config": {
-      "version": "0.1.83",
-      "resolved": "https://registry.npmjs.org/@expo/metro-config/-/metro-config-0.1.83.tgz",
-      "integrity": "sha512-nbmHRzAjnUmUoQjbVdTh8Xq1AXABmwqDi77otD+MxxfVmppMYLKYfMteZnrl75tmWkQY4JfVLD4DfKA3K+bKGA==",
+      "version": "0.1.82",
+      "resolved": "https://registry.npmjs.org/@expo/metro-config/-/metro-config-0.1.82.tgz",
+      "integrity": "sha512-rgx0ykWFvu+7jXDSe/cJB0fpIKqJX4X2k+azBIS9KmVLl5/ceKuCr6Abjy70HZTAXX/SQ7fS0C+FhzIX2Upgrg==",
       "requires": {
-        "@expo/config": "5.0.8",
+        "@expo/config": "5.0.7",
         "chalk": "^4.1.0",
         "getenv": "^1.0.0",
         "metro-react-native-babel-transformer": "^0.59.0"
-      },
-      "dependencies": {
-        "@expo/config": {
-          "version": "5.0.8",
-          "resolved": "https://registry.npmjs.org/@expo/config/-/config-5.0.8.tgz",
-          "integrity": "sha512-chxcjQh4H/suzvYi+p30VnGXSHbsiVsGFwEYIZbOw4ByjrCnzeD644KolbpeQ2/oWK3atci01Qcxc1TADSixHQ==",
-          "requires": {
-            "@babel/code-frame": "~7.10.4",
-            "@expo/config-plugins": "3.0.8",
-            "@expo/config-types": "^42.0.0",
-            "@expo/json-file": "8.2.33",
-            "getenv": "^1.0.0",
-            "glob": "7.1.6",
-            "require-from-string": "^2.0.2",
-            "resolve-from": "^5.0.0",
-            "semver": "7.3.2",
-            "slugify": "^1.3.4",
-            "sucrase": "^3.20.0"
-          }
-        },
-        "@expo/config-plugins": {
-          "version": "3.0.8",
-          "resolved": "https://registry.npmjs.org/@expo/config-plugins/-/config-plugins-3.0.8.tgz",
-          "integrity": "sha512-reNYaYklOIq8QUY5ua1ubSRhVgY7hllvjingo22HHSaGhX4UvFFKDGYrjBdjcutHD6jw/eYLa8yJS74o1/rqkg==",
-          "requires": {
-            "@expo/config-types": "^42.0.0",
-            "@expo/json-file": "8.2.33",
-            "@expo/plist": "0.0.13",
-            "debug": "^4.3.1",
-            "find-up": "~5.0.0",
-            "fs-extra": "9.0.0",
-            "getenv": "^1.0.0",
-            "glob": "7.1.6",
-            "resolve-from": "^5.0.0",
-            "semver": "^7.3.5",
-            "slash": "^3.0.0",
-            "xcode": "^3.0.1",
-            "xml2js": "^0.4.23"
-          },
-          "dependencies": {
-            "semver": {
-              "version": "7.3.5",
-              "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-              "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-              "requires": {
-                "lru-cache": "^6.0.0"
-              }
-            }
-          }
-        }
       }
     },
     "@expo/plist": {
@@ -6341,9 +6291,9 @@
       "dev": true
     },
     "fastq": {
-      "version": "1.12.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.12.0.tgz",
-      "integrity": "sha512-VNX0QkHK3RsXVKr9KrlUv/FoTa0NdbYoHHl7uXHv2rzyHSlxjdNAKug2twd9luJxpcyNeAgf5iPPMutJO67Dfg==",
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.11.1.tgz",
+      "integrity": "sha512-HOnr8Mc60eNYl1gzwp6r5RoUyAn5/glBolUzP/Ez6IFVPMPirxn/9phgL6zhOtaTy7ISwPvQ+wT+hfcRZh/bzw==",
       "requires": {
         "reusify": "^1.0.4"
       }

Ejectable/screens/SplashScreen.tsx

@@ -1,25 +1,34 @@
 import * as React from 'react';
-import { StyleSheet } from 'react-native';
+import { StyleSheet, ImageBackground } from 'react-native';
 import { Text, View } from '../components/Themed';
 import { ScreenInfo3 } from '../components/ScreenInfo';
 
-export default function TripScreen() {
+const image = { uri: "https://meansofproduction.biz/images/GREENT.jpg" };
+
+export default function SplashScreen() {
   return (
     <View style={styles.container}>
-      <Text style={styles.title}>GT2</Text>
-      <View style={styles.separator} lightColor="#eee" darkColor="rgba(255,255,255,0.1)" />  
-      <ScreenInfo3 />
+      <ImageBackground source={image} resizeMode="cover" style={styles.image}>
+       <Text style={styles.title}>GT2</Text>
+       <View style={styles.separator} />  
+       <ScreenInfo3 />
+      </ImageBackground> 
     </View>
   );
 }
 
 const styles = StyleSheet.create({
+  image: {
+    flex: 1,
+    justifyContent: "center"
+  },
   container: {
     flex: 1,
     alignItems: 'center',
     justifyContent: 'center',
   },
   title: {
+    color: 'white',
     fontSize: 40,
     fontWeight: 'bold',
   },

Ejectable/tsconfig.json

@@ -1,4 +1,4 @@
-{ 
+{  
   "extends": "expo/tsconfig.base",
   "compilerOptions": {
     "strict": true