@@ -53,8 +53,14 @@ const withAndroidEdgeToEdgeTheme: ConfigPlugin<Props> = (
53
53
] ) ;
54
54
55
55
return withAndroidStyles ( config , ( config ) => {
56
- const { androidStatusBar = { } , userInterfaceStyle = "light" } = config ;
57
- const { barStyle } = androidStatusBar ;
56
+ const {
57
+ androidNavigationBar = { } ,
58
+ androidStatusBar = { } ,
59
+ userInterfaceStyle = "light" ,
60
+ } = config ;
61
+
62
+ const { barStyle : navigationBarStyle } = androidNavigationBar ;
63
+ const { barStyle : statusBarStyle } = androidStatusBar ;
58
64
const { android = { } } = props ;
59
65
const { enforceNavigationBarContrast, parentTheme = "Default" } = android ;
60
66
@@ -76,17 +82,29 @@ const withAndroidEdgeToEdgeTheme: ConfigPlugin<Props> = (
76
82
} ) ;
77
83
}
78
84
79
- if ( barStyle != null ) {
85
+ if ( statusBarStyle != null ) {
80
86
style . item . push ( {
81
87
$ : { name : "android:windowLightStatusBar" } ,
82
- _ : String ( barStyle === "dark-content" ) ,
88
+ _ : String ( statusBarStyle === "dark-content" ) ,
83
89
} ) ;
84
90
} else if ( userInterfaceStyle !== "automatic" ) {
85
91
style . item . push ( {
86
92
$ : { name : "android:windowLightStatusBar" } ,
87
93
_ : String ( userInterfaceStyle === "light" ) ,
88
94
} ) ;
89
95
}
96
+
97
+ if ( navigationBarStyle != null ) {
98
+ style . item . push ( {
99
+ $ : { name : "android:windowLightNavigationBar" } ,
100
+ _ : String ( navigationBarStyle === "dark-content" ) ,
101
+ } ) ;
102
+ } else if ( userInterfaceStyle !== "automatic" ) {
103
+ style . item . push ( {
104
+ $ : { name : "android:windowLightNavigationBar" } ,
105
+ _ : String ( navigationBarStyle === "light" ) ,
106
+ } ) ;
107
+ }
90
108
}
91
109
92
110
return style ;
0 commit comments