feat: add react-native-edge-to-edge (#115)

added `react-native-edge-to-edge` to uniform look on both platforms

Author: jbroma

packages/auth/package.json

@@ -21,6 +21,7 @@
     "react": "18.3.1",
     "react-native": "0.76.3",
     "react-native-bottom-tabs": "0.7.3",
+    "react-native-edge-to-edge": "1.1.3",
     "react-native-paper": "5.12.5",
     "react-native-safe-area-context": "4.12.0",
     "react-native-screens": "4.2.0",

packages/booking/package.json

@@ -23,6 +23,7 @@
     "react-native": "0.76.3",
     "react-native-bottom-tabs": "0.7.3",
     "react-native-calendars": "1.1291.1",
+    "react-native-edge-to-edge": "1.1.3",
     "react-native-paper": "5.12.5",
     "react-native-safe-area-context": "4.12.0",
     "react-native-screens": "4.2.0",

packages/dashboard/android/app/src/main/res/values/styles.xml

@@ -2,7 +2,7 @@
 
     <!-- Base application theme. -->
     <style name="AppTheme"
-        parent="Theme.Material3.DayNight.NoActionBar">
+        parent="Theme.EdgeToEdge.Material3">
         <!-- Customize your theme here. -->
         <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
     </style>

packages/dashboard/package.json

@@ -28,6 +28,7 @@
     "react-native": "0.76.3",
     "react-native-bottom-tabs": "0.7.3",
     "react-native-calendars": "1.1291.1",
+    "react-native-edge-to-edge": "1.1.3",
     "react-native-paper": "5.12.5",
     "react-native-safe-area-context": "4.12.0",
     "react-native-screens": "4.2.0",

packages/host/android/app/src/main/res/values/styles.xml

@@ -1,6 +1,6 @@
 <resources>
     <style name="AppTheme"
-        parent="Theme.Material3.DayNight.NoActionBar">
+        parent="Theme.EdgeToEdge.Material3">
         <!-- Customize your theme here. -->
         <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
     </style>

packages/host/package.json

@@ -26,6 +26,7 @@
     "react-native": "0.76.3",
     "react-native-bootsplash": "6.2.6",
     "react-native-bottom-tabs": "0.7.3",
+    "react-native-edge-to-edge": "1.1.3",
     "react-native-paper": "5.12.5",
     "react-native-safe-area-context": "4.12.0",
     "react-native-screens": "4.2.0",

packages/host/src/components/NavBar.tsx

@@ -4,7 +4,7 @@ import {Appbar} from 'react-native-paper';
 
 const NavBar = ({navigation, back, route, options}: NativeStackHeaderProps) => {
   return (
-    <Appbar.Header elevated>
+    <Appbar.Header elevated mode="center-aligned">
       {back ? <Appbar.BackAction onPress={navigation.goBack} /> : null}
       <Appbar.Content title={options.title ?? route.name} />
     </Appbar.Header>

packages/sdk/lib/dependencies.json

@@ -47,5 +47,9 @@
     "name": "@module-federation/enhanced",
     "version": "0.7.1",
     "shared": false
+  },
+  "react-native-edge-to-edge": {
+    "name": "react-native-edge-to-edge",
+    "version": "1.1.3"
   }
 }

packages/shopping/package.json

@@ -22,6 +22,7 @@
     "react": "18.3.1",
     "react-native": "0.76.3",
     "react-native-bottom-tabs": "0.7.3",
+    "react-native-edge-to-edge": "1.1.3",
     "react-native-paper": "5.12.5",
     "react-native-safe-area-context": "4.12.0",
     "react-native-screens": "4.2.0",