Add version info to the home page

Author: sstream17

game/app/index.tsx

@@ -2,27 +2,31 @@ import { Pressable, StyleSheet } from "react-native";
 
 import GradientBackgroundView from "@/components/GradientBackgroundView";
 import { ThemedText } from "@/components/ThemedText";
+import { VersionInfo } from "@/components/VersionInfo";
 import { Link } from "expo-router";
 
 export default function Index() {
   return (
-    <GradientBackgroundView style={styles.container}>
-      <Link href="/1" asChild>
-        <Pressable>
-          <ThemedText>Classic</ThemedText>
-        </Pressable>
-      </Link>
-      <Link href="/2" asChild>
-        <Pressable>
-          <ThemedText>Duo</ThemedText>
-        </Pressable>
-      </Link>
-      <Link href="/4" asChild>
-        <Pressable>
-          <ThemedText>Quad</ThemedText>
-        </Pressable>
-      </Link>
-    </GradientBackgroundView>
+    <>
+      <GradientBackgroundView style={styles.container}>
+        <Link href="/1" asChild>
+          <Pressable>
+            <ThemedText>Classic</ThemedText>
+          </Pressable>
+        </Link>
+        <Link href="/2" asChild>
+          <Pressable>
+            <ThemedText>Duo</ThemedText>
+          </Pressable>
+        </Link>
+        <Link href="/4" asChild>
+          <Pressable>
+            <ThemedText>Quad</ThemedText>
+          </Pressable>
+        </Link>
+      </GradientBackgroundView>
+      <VersionInfo />
+    </>
   );
 }
 

game/components/VersionInfo.tsx

@@ -0,0 +1,22 @@
+import { StyleSheet, View } from "react-native";
+
+import Constants from "expo-constants";
+import { ThemedText } from "./ThemedText";
+
+export function VersionInfo() {
+  const version = Constants.expoConfig?.version;
+
+  return version ? (
+    <View>
+      <ThemedText style={styles.versionInfo}>{`v${version}`}</ThemedText>
+    </View>
+  ) : null;
+}
+
+const styles = StyleSheet.create({
+  versionInfo: {
+    position: "absolute",
+    bottom: 4,
+    right: 4,
+  },
+});