fix: simulator detection in demo apps (#1125)

## Description

Due to deprecation of the used variable from Constants (therefore
introducing whong behaviour on physical devices), this PR uses
`react-native-device-info` for simulator detecting, instead of Expo
Constants.

### Introduces a breaking change?

- [ ] Yes
- [x] No

### Type of change

- [x] Bug fix (change which fixes an issue)
- [ ] New feature (change which adds functionality)
- [ ] Documentation update (improves or adds clarity to existing
documentation)
- [ ] Other (chores, tests, code style improvements etc.)

### Tested on

- [x] iOS
- [x] Android

### Testing instructions

<!-- Provide step-by-step instructions on how to test your changes.
Include setup details if necessary. -->

### Screenshots

<!-- Add screenshots here, if applicable -->

### Related issues

<!-- Link related issues here using #issue-number -->

### Checklist

- [ ] I have performed a self-review of my code
- [ ] I have commented my code, particularly in hard-to-understand areas
- [ ] I have updated the documentation accordingly
- [ ] My changes generate no new warnings

### Additional notes

<!-- Include any additional information, assumptions, or context that
reviewers might need to understand this PR. -->

Author: chmjkb

apps/computer-vision/components/BottomBar.tsx

@@ -1,8 +1,10 @@
 import ColorPalette from '../colors';
 import FontAwesome from '@expo/vector-icons/FontAwesome';
-import Constants from 'expo-constants';
 import { View, TouchableOpacity, StyleSheet, Text } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import DeviceInfo from 'react-native-device-info';
+
+const isDevice = DeviceInfo.isEmulatorSync();
 
 export const BottomBar = ({
   handleCameraPress,
@@ -17,20 +19,17 @@ export const BottomBar = ({
 }) => {
   const { bottom } = useSafeAreaInsets();
   const disabled = !hasImage || isGenerating;
-
   return (
     <View style={[styles.bottomContainer, { paddingBottom: bottom || 16 }]}>
       <View style={styles.bottomIconsContainer}>
         <TouchableOpacity onPress={() => handleCameraPress(false)}>
           <FontAwesome name="photo" size={24} color={ColorPalette.primary} />
         </TouchableOpacity>
-        <TouchableOpacity
-          onPress={() => Constants.isDevice && handleCameraPress(true)}
-        >
+        <TouchableOpacity onPress={() => isDevice && handleCameraPress(true)}>
           <FontAwesome
             name="camera"
             size={24}
-            color={Constants.isDevice ? ColorPalette.primary : '#888'}
+            color={isDevice ? ColorPalette.primary : '#888'}
           />
         </TouchableOpacity>
       </View>

apps/computer-vision/package.json

@@ -18,14 +18,15 @@
     "@shopify/react-native-skia": "2.6.2",
     "expo": "^55.0.13",
     "expo-build-properties": "~55.0.13",
-    "expo-constants": "~55.0.13",
+    "expo-constants": "^55.0.16",
     "expo-font": "~55.0.6",
     "expo-linking": "~55.0.12",
     "expo-router": "~55.0.11",
     "expo-status-bar": "~55.0.5",
     "metro-config": "^0.83.0",
     "react": "19.2.5",
     "react-native": "0.83.4",
+    "react-native-device-info": "^15.0.2",
     "react-native-executorch": "workspace:*",
     "react-native-executorch-expo-resource-fetcher": "workspace:*",
     "react-native-gesture-handler": "~2.31.1",
@@ -46,7 +47,9 @@
     "@babel/core": "^7.29.0",
     "@types/pngjs": "^6.0.5",
     "@types/react": "~19.2.0",
-    "babel-preset-expo": "~55.0.16"
+    "@types/react-refresh": "^0",
+    "babel-preset-expo": "~55.0.16",
+    "react-refresh": "^0.18.0"
   },
   "private": true
 }

apps/llm/package.json

@@ -19,7 +19,7 @@
     "expo-brightness": "~55.0.13",
     "expo-build-properties": "~55.0.13",
     "expo-calendar": "~55.0.14",
-    "expo-constants": "~55.0.13",
+    "expo-constants": "^55.0.16",
     "expo-document-picker": "~55.0.13",
     "expo-font": "~55.0.6",
     "expo-linking": "~55.0.12",
@@ -46,7 +46,9 @@
   "devDependencies": {
     "@babel/core": "^7.29.0",
     "@types/react": "~19.2.14",
-    "babel-preset-expo": "~55.0.16"
+    "@types/react-refresh": "^0",
+    "babel-preset-expo": "~55.0.16",
+    "react-refresh": "^0.18.0"
   },
   "private": true
 }

apps/speech/package.json

@@ -33,7 +33,9 @@
   "devDependencies": {
     "@babel/core": "^7.29.0",
     "@types/react": "~19.2.14",
-    "babel-preset-expo": "~55.0.16"
+    "@types/react-refresh": "^0",
+    "babel-preset-expo": "~55.0.16",
+    "react-refresh": "^0.18.0"
   },
   "private": true
 }

apps/text-embeddings/package.json

@@ -17,7 +17,7 @@
     "@react-navigation/native": "^7.2.2",
     "expo": "^55.0.13",
     "expo-build-properties": "~55.0.13",
-    "expo-constants": "~55.0.13",
+    "expo-constants": "^55.0.16",
     "expo-linking": "~55.0.12",
     "expo-router": "~55.0.11",
     "expo-status-bar": "~55.0.5",
@@ -36,7 +36,9 @@
   "devDependencies": {
     "@babel/core": "^7.29.0",
     "@types/react": "~19.2.14",
-    "babel-preset-expo": "~55.0.16"
+    "@types/react-refresh": "^0",
+    "babel-preset-expo": "~55.0.16",
+    "react-refresh": "^0.18.0"
   },
   "private": true
 }

yarn.lock

@@ -2715,6 +2715,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@expo/env@npm:~2.1.2":
+  version: 2.1.2
+  resolution: "@expo/env@npm:2.1.2"
+  dependencies:
+    chalk: "npm:^4.0.0"
+    debug: "npm:^4.3.4"
+    getenv: "npm:^2.0.0"
+  checksum: 10/e127ae2449de94afc52e41c8a4254b21eb6df047ba24da8b0a3baa245840338dc1eb00c8447fed6059ead13dae8dddef4ce8ce44c44f4154a886007967f473af
+  languageName: node
+  linkType: hard
+
 "@expo/fingerprint@npm:0.15.4":
   version: 0.15.4
   resolution: "@expo/fingerprint@npm:0.15.4"
@@ -5809,7 +5820,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/babel__core@npm:^7.1.14, @types/babel__core@npm:^7.20.5":
+"@types/babel__core@npm:*, @types/babel__core@npm:^7.1.14, @types/babel__core@npm:^7.20.5":
   version: 7.20.5
   resolution: "@types/babel__core@npm:7.20.5"
   dependencies:
@@ -5977,6 +5988,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react-refresh@npm:^0":
+  version: 0.14.7
+  resolution: "@types/react-refresh@npm:0.14.7"
+  dependencies:
+    "@types/babel__core": "npm:*"
+    csstype: "npm:^3.2.2"
+  checksum: 10/c4eca39a4e6991ad637044294045824784a048cbf84c8972361c686af7c17a32ffb11e3a24be519f7961a6690fce4a92a8007e2a060197dca43b0b66eff56bc6
+  languageName: node
+  linkType: hard
+
 "@types/react-test-renderer@npm:^19.1.0":
   version: 19.1.0
   resolution: "@types/react-test-renderer@npm:19.1.0"
@@ -7883,17 +7904,19 @@ __metadata:
     "@shopify/react-native-skia": "npm:2.6.2"
     "@types/pngjs": "npm:^6.0.5"
     "@types/react": "npm:~19.2.0"
+    "@types/react-refresh": "npm:^0"
     babel-preset-expo: "npm:~55.0.16"
     expo: "npm:^55.0.13"
     expo-build-properties: "npm:~55.0.13"
-    expo-constants: "npm:~55.0.13"
+    expo-constants: "npm:^55.0.16"
     expo-font: "npm:~55.0.6"
     expo-linking: "npm:~55.0.12"
     expo-router: "npm:~55.0.11"
     expo-status-bar: "npm:~55.0.5"
     metro-config: "npm:^0.83.0"
     react: "npm:19.2.5"
     react-native: "npm:0.83.4"
+    react-native-device-info: "npm:^15.0.2"
     react-native-executorch: "workspace:*"
     react-native-executorch-expo-resource-fetcher: "workspace:*"
     react-native-gesture-handler: "npm:~2.31.1"
@@ -7909,6 +7932,7 @@ __metadata:
     react-native-vision-camera: "npm:^5.0.6"
     react-native-vision-camera-worklets: "npm:^5.0.6"
     react-native-worklets: "npm:0.8.1"
+    react-refresh: "npm:^0.18.0"
   languageName: unknown
   linkType: soft
 
@@ -9436,6 +9460,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"expo-constants@npm:^55.0.16":
+  version: 55.0.16
+  resolution: "expo-constants@npm:55.0.16"
+  dependencies:
+    "@expo/env": "npm:~2.1.2"
+  peerDependencies:
+    expo: "*"
+    react-native: "*"
+  checksum: 10/80caf27dc74972b4a0245e2268be51748eb403622f30b9129c6838fa80740a88f31e4941f2f9c493fdd1cd0c8512b440dfc9cf78a26eb7ca92826c54cd4641b2
+  languageName: node
+  linkType: hard
+
 "expo-constants@npm:~18.0.11, expo-constants@npm:~18.0.12, expo-constants@npm:~18.0.13":
   version: 18.0.13
   resolution: "expo-constants@npm:18.0.13"
@@ -9449,7 +9485,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"expo-constants@npm:~55.0.13, expo-constants@npm:~55.0.15":
+"expo-constants@npm:~55.0.15":
   version: 55.0.15
   resolution: "expo-constants@npm:55.0.15"
   dependencies:
@@ -12680,12 +12716,13 @@ __metadata:
     "@react-navigation/drawer": "npm:^7.9.4"
     "@react-navigation/native": "npm:^7.2.2"
     "@types/react": "npm:~19.2.14"
+    "@types/react-refresh": "npm:^0"
     babel-preset-expo: "npm:~55.0.16"
     expo: "npm:^55.0.13"
     expo-brightness: "npm:~55.0.13"
     expo-build-properties: "npm:~55.0.13"
     expo-calendar: "npm:~55.0.14"
-    expo-constants: "npm:~55.0.13"
+    expo-constants: "npm:^55.0.16"
     expo-document-picker: "npm:~55.0.13"
     expo-font: "npm:~55.0.6"
     expo-linking: "npm:~55.0.12"
@@ -12708,6 +12745,7 @@ __metadata:
     react-native-svg: "npm:15.15.4"
     react-native-svg-transformer: "npm:^1.5.3"
     react-native-worklets: "npm:0.8.1"
+    react-refresh: "npm:^0.18.0"
   languageName: unknown
   linkType: soft
 
@@ -15781,6 +15819,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-refresh@npm:^0.18.0":
+  version: 0.18.0
+  resolution: "react-refresh@npm:0.18.0"
+  checksum: 10/504c331c19776bf8320c23bad7f80b3a28de03301ed7523b0dd21d3f02bf2b53bbdd5aa52469b187bc90f358614b2ba303c088a0765c95f4f0a68c43a7d67b1d
+  languageName: node
+  linkType: hard
+
 "react-refresh@npm:^0.4.0":
   version: 0.4.3
   resolution: "react-refresh@npm:0.4.3"
@@ -16636,6 +16681,7 @@ __metadata:
     "@babel/core": "npm:^7.29.0"
     "@react-native/metro-config": "npm:^0.83.0"
     "@types/react": "npm:~19.2.14"
+    "@types/react-refresh": "npm:^0"
     babel-preset-expo: "npm:~55.0.16"
     buffer: "npm:^6.0.3"
     expo: "npm:^55.0.13"
@@ -16654,6 +16700,7 @@ __metadata:
     react-native-svg: "npm:15.15.4"
     react-native-svg-transformer: "npm:^1.5.3"
     react-native-worklets: "npm:0.8.1"
+    react-refresh: "npm:^0.18.0"
   languageName: unknown
   linkType: soft
 
@@ -17096,10 +17143,11 @@ __metadata:
     "@react-navigation/drawer": "npm:^7.9.4"
     "@react-navigation/native": "npm:^7.2.2"
     "@types/react": "npm:~19.2.14"
+    "@types/react-refresh": "npm:^0"
     babel-preset-expo: "npm:~55.0.16"
     expo: "npm:^55.0.13"
     expo-build-properties: "npm:~55.0.13"
-    expo-constants: "npm:~55.0.13"
+    expo-constants: "npm:^55.0.16"
     expo-linking: "npm:~55.0.12"
     expo-router: "npm:~55.0.11"
     expo-status-bar: "npm:~55.0.5"
@@ -17114,6 +17162,7 @@ __metadata:
     react-native-screens: "npm:~4.24.0"
     react-native-svg: "npm:15.15.4"
     react-native-worklets: "npm:0.8.1"
+    react-refresh: "npm:^0.18.0"
   languageName: unknown
   linkType: soft