From 7201889c2a9187c3fe284eb4d5ca4e1d6718e3b9 Mon Sep 17 00:00:00 2001
From: ryan <ryan@ryanpandya.com>
Date: Sat, 21 Jun 2025 15:00:07 -0700
Subject: [PATCH] Try fix nav bar foreground color

---
 android/app/src/main/res/values/styles.xml | 2 +-
 app.config.js                              | 1 +
 app/_layout.tsx                            | 5 +----
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml
index c61248b..41c4d11 100644
--- a/android/app/src/main/res/values/styles.xml
+++ b/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>
diff --git a/app.config.js b/app.config.js
index eee6304..858cf05 100644
--- a/app.config.js
+++ b/app.config.js
@@ -36,6 +36,7 @@ module.exports = {
                 "react-native-edge-to-edge",
                 {
                     "android": {
+                        "parentTheme": "Light",
                         "enforceNavigationBarContrast": false
                     }
                 }
diff --git a/app/_layout.tsx b/app/_layout.tsx
index 0a40e86..193e8a7 100644
--- a/app/_layout.tsx
+++ b/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]);