Try fix nav bar foreground color

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

@@ -1,5 +1,5 @@
 <resources xmlns:tools="http://schemas.android.com/tools">
-  <style name="AppTheme" parent="Theme.EdgeToEdge">
+  <style name="AppTheme" parent="Theme.EdgeToEdge.Light">
     <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
     <item name="colorPrimary">@color/colorPrimary</item>
     <item name="enforceNavigationBarContrast">false</item>

app.config.js

@@ -36,6 +36,7 @@ module.exports = {
                 "react-native-edge-to-edge",
                 {
                     "android": {
+                        "parentTheme": "Light",
                         "enforceNavigationBarContrast": false
                     }
                 }

app/_layout.tsx

@@ -83,10 +83,7 @@ export default function RootLayout() {
 
   useEffect(() => {
     if (Platform.OS === 'android') {
-      const backgroundColor = theme.colors.primary;
-      const foregroundColor = colorScheme === 'dark' ? 'light' : 'dark';
-
-      NavigationBar.setStyle('light');
+      NavigationBar.setStyle('inverted');
     }
   }, [colorScheme]);