add version app number

Author: flexbox

hackathon/spacecraft/.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+  "settings": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint",
+    "editor.codeActionsOnSave": {
+      "source.fixAll.eslint": true
+    }
+  }
+}

hackathon/spacecraft/package.json

@@ -36,6 +36,7 @@
     "babel-jest": "^29.5.0",
     "deepmerge": "^4.3.1",
     "expo": "^49.0.5",
+    "expo-application": "~5.3.0",
     "expo-constants": "~14.4.2",
     "expo-image": "~1.3.2",
     "expo-linking": "~5.0.2",

hackathon/spacecraft/src/screens/PlusScreen.tsx

@@ -1,5 +1,7 @@
 import React from "react";
-import { List } from "react-native-paper";
+import { List, Text } from "react-native-paper";
+import * as Application from "expo-application";
+import { View } from "react-native";
 
 import { ScreenContainer } from "~/components/ScreenContainer";
 import { Routes } from "~/navigation/Routes";
@@ -13,11 +15,25 @@ export const PlusScreen = ({ navigation }: Props) => {
 
   return (
     <ScreenContainer title={"Plus"}>
-      <List.Item
-        title="Do you like Spacecraft?"
-        onPress={navigateToDoYouLikeScreen}
-        left={(props) => <List.Icon {...props} icon="star" />}
-      />
+      <View style={{ flex: 1 }}>
+        <List.Item
+          title="Do you like Spacecraft?"
+          onPress={navigateToDoYouLikeScreen}
+          left={(props) => <List.Icon {...props} icon="star" />}
+        />
+      </View>
+      <View
+        style={{
+          alignItems: "center",
+          justifyContent: "center",
+          marginBottom: 24,
+        }}
+      >
+        <Text variant="bodySmall">Built in France by David Leuliette</Text>
+        <Text variant="bodySmall">
+          {Application.applicationName} {Application.nativeBuildVersion}
+        </Text>
+      </View>
     </ScreenContainer>
   );
 };