Dark Mode? about zeego

[Estevete]

@nandorojo I am facing the issue on Android. Also with the Alert component. I am tracking the issue here expo/expo#27584

[timothyerwin]

I'm using it and dark mode is working fine for me. I don't think I used any setting.

[timothyerwin]

if you are using a native app make sure your app also works in dark mode as well

[nandorojo]

@timothyerwin can you show a screenshot of it working? i didn’t think the upstream ios library supported dark mode

[timothyerwin]

[timothyerwin]

the upstream ios library is built on an actual ios component, so yeah, apple supports that

[nandorojo]

ah yeah you’re right, works on beatgig too

[michaelkremenetsky]

weird that it doesn't work for me on expo dev client, I guess I'll keep playing with it, although I was also hoping there would be some way to toggle it at the app level since my app has its own theme settings that allow you to override the system ones.

[michaelkremenetsky]

I figured it out. I fixed it by installing expo-system-ui

[nandorojo]

good to know, we could add this to the docs

[Darren120]

I figured it out. I fixed it by installing expo-system-ui

Hey I have installed expo-system-ui but unable to toggle dark mode for the dropdown. I tried setting the background

  await SystemUI.setBackgroundColorAsync(dark ? "black" : "white");

but the dropdown still light :/
how did u do it?

[nandorojo]

i added userInterfaceStyle: ‘dark’ to my app config since we only do dark mode. but you could try setting it to automatic

[Darren120]

i added userInterfaceStyle: ‘dark’ to my app config since we only do dark mode. but you could try setting it to automatic

Thanks, but I thought @michaelkremenetsky was able to toggle it in app via expo system ui

[michaelkremenetsky]

Unfortunately, the only way I was able to get it toggle was by changing the system theme in settings. expo-system-ui just made it so it would follow the system theme.

[michaelkremenetsky]

If anyone finds a way to toggle it in-app I would love to know, I wanted to add in-app theme settings but couldn't find a way to the toggle the zeego components.

[miafoo]

I've got an app that supports multiple themes. If a user has selected a darker theme but their iOS appearance is light it will also render the context menus as light variants rather than dark versions which is not very nice.

Is there any way to explicitly set the appearance to either light or dark which overrides the OS level appearance?

Edit: As a workaround I've used this package, which seems to work great so far: https://www.npmjs.com/package/react-native-override-color-scheme

[michaelkremenetsky]

Thank you the workaround is exactly what I was looking for, I don't think theirs anything built into the library itself though

[nandorojo]

Hey guys, I'm going to close this out. I'd love to add this to the docs though, can anyone send a PR for dark mode that mentions the override color scheme library? Thank you!

CC @miafoo @michaelkremenetsky

[michaelkremenetsky]

@nandorojo Submitted a PR #62