Impossible to change router background in dark theme about router HOT 3 CLOSED

@snowdigital I'm confused about your issue, could you be more specific? If I make the following change the repo provided, the background changes to green as expected.

- <ThemeProvider value={DarkTheme}>
+ <ThemeProvider
+   value={{
+     ...DarkTheme,
+     colors: {
+       ...DarkTheme.colors,
+       background: "green",
+     },
+    }}
+ >

If you are referring to the flash of white while changing screens (e.g opening the modal), it's because React Navigation only styles its own components - you still have the standard system background color. You can control by wrapping your application in a View

+ <View style={[StyleSheet.absoluteFill, { backgroundColor: 'red' }]}>
  <ThemeProvider value={DarkTheme}>
    { ... }
 </ThemeProvider>
+ </View >

from router.

@snowdigital I'm assuming you are using the Tabs example ( npx create-expo-app@latest --template tabs@sdk-49)? It has a custom View and Text component that uses the colors from constants/Colors.ts.

Expo Router will work with <ThemeProvider /> 👍

I'm going to close this issue, as I think there was a slight misunderstand with the demo, but if that's not the case can you provide a repo with your source code and I'll reopen this issue.

from router.

@marklawlor

@snowdigital I'm assuming you are using the Tabs example ( npx create-expo-app@latest --template tabs@sdk-49)? It has a custom View and Text component that uses the colors from constants/Colors.ts.

Expo Router will work with <ThemeProvider /> 👍

I'm going to close this issue, as I think there was a slight misunderstand with the demo, but if that's not the case can you provide a repo with your source code and I'll reopen this issue.

Here you go :)
https://github.com/snowdigital/expo-router-background-bug-example

I think its related to Root background color. react-navigation was using theme provider to set background of root View, but i assume that expo router just wraps screens in selected theme. Issue only reproducable when in code you use Static dark theme instead of useColorScheme native styling.

from router.