feat: add expo starter (#57)

Author: d3lm

bolt-expo/.env

@@ -0,0 +1,7 @@
+EXPO_NO_TELEMETRY=1
+EXPO_NO_DEPENDENCY_VALIDATION=1
+EXPO_OFFLINE=1
+EXPO_USE_FAST_RESOLVER=1
+EXPO_PACKAGER_PROXY_URL=http://lunchboxj6nvjpwm-ax4q.boltexpo.dev
+REACT_NATIVE_PACKAGER_HOSTNAME=lunchboxj6nvjpwm-ax4q.boltexpo.dev
+EXPO_CLOUDFLARE_PROXY_URL=wss://lunchboxj6nvjpwm-ax4q.boltexpo.dev

bolt-expo/.gitignore

@@ -0,0 +1,34 @@
+# dependencies
+node_modules/
+
+# expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# native
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macos
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo

bolt-expo/.prettierrc

@@ -0,0 +1,6 @@
+{
+  "useTabs": false,
+  "bracketSpacing": true,
+  "singleQuote": true,
+  "tabWidth": 2
+}

bolt-expo/app.json

@@ -0,0 +1,41 @@
+{
+  "expo": {
+    "name": "bolt-expo-nativewind",
+    "slug": "bolt-expo-nativewind",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/images/icon.png",
+    "scheme": "myapp",
+    "userInterfaceStyle": "automatic",
+    "newArchEnabled": true,
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/images/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      }
+    },
+    "web": {
+      "bundler": "metro",
+      "output": "static",
+      "favicon": "./assets/images/favicon.png"
+    },
+    "plugins": [
+      "expo-router",
+      [
+        "expo-splash-screen",
+        {
+          "image": "./assets/images/splash-icon.png",
+          "imageWidth": 200,
+          "resizeMode": "contain",
+          "backgroundColor": "#ffffff"
+        }
+      ]
+    ],
+    "experiments": {
+      "typedRoutes": true
+    }
+  }
+}

bolt-expo/app/+not-found.tsx

@@ -0,0 +1,33 @@
+import { Link, Stack } from 'expo-router';
+import { StyleSheet, Text, View } from 'react-native';
+
+export default function NotFoundScreen() {
+  return (
+    <>
+      <Stack.Screen options={{ title: 'Oops!' }} />
+      <View style={styles.container}>
+        <Text style={styles.text}>This screen doesn't exist.</Text>
+        <Link href="/" style={styles.link}>
+          <Text>Go to home screen!</Text>
+        </Link>
+      </View>
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 20,
+  },
+  text: {
+    fontSize: 20,
+    fontWeight: 600,
+  },
+  link: {
+    marginTop: 15,
+    paddingVertical: 15,
+  },
+});

bolt-expo/app/_layout.tsx

@@ -0,0 +1,13 @@
+import { Stack } from 'expo-router';
+import { StatusBar } from 'expo-status-bar';
+
+export default function RootLayout() {
+  return (
+    <>
+      <Stack screenOptions={{ headerShown: false }}>
+        <Stack.Screen name="+not-found" />
+      </Stack>
+      <StatusBar style="auto" />
+    </>
+  );
+}