feat: add brownfield-navigation to expo app

Author: hurali97

apps/ExpoApp/RNApp.tsx

@@ -1,6 +1,7 @@
 import { SafeAreaView } from 'react-native-safe-area-context';
-import { StyleSheet, Text, View } from 'react-native';
+import { Button, StyleSheet, Text, View } from 'react-native';
 import Counter from './components/counter';
+import BrownfieldNavigation from '@callstack/brownfield-navigation';
 
 export default function RNApp() {
   return (
@@ -9,6 +10,15 @@ export default function RNApp() {
 
       <View style={styles.content}>
         <Counter />
+
+        <Button
+          title="Navigate to Settings"
+          onPress={() => BrownfieldNavigation.navigateToSettings()}
+        />
+        <Button
+          title="Navigate to Referrals"
+          onPress={() => BrownfieldNavigation.navigateToReferrals('123')}
+        />
       </View>
     </SafeAreaView>
   );

apps/ExpoApp/brownfield.navigation.ts

@@ -0,0 +1,12 @@
+export interface BrownfieldNavigationSpec {
+  /**
+   * Navigate to the native settings screen
+   */
+  navigateToSettings(): void;
+
+  /**
+   * Navigate to the native referrals screen
+   * @param userId - The user's unique identifier
+   */
+  navigateToReferrals(userId: string): void;
+}

apps/ExpoApp/package.json

@@ -16,6 +16,7 @@
     "brownfield:package:ios": "brownfield package:ios --scheme BrownfieldLib --configuration Release"
   },
   "dependencies": {
+    "@callstack/brownfield-navigation": "workspace:^",
     "@callstack/brownie": "workspace:^",
     "@callstack/react-native-brownfield": "workspace:^",
     "@expo/vector-icons": "^15.0.3",

yarn.lock

@@ -2255,6 +2255,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@callstack/brownfield-example-expo-app@workspace:apps/ExpoApp"
   dependencies:
+    "@callstack/brownfield-navigation": "workspace:^"
     "@callstack/brownie": "workspace:^"
     "@callstack/react-native-brownfield": "workspace:^"
     "@expo/vector-icons": "npm:^15.0.3"