What do these parent themes look like?

[RyanTG]

I'm using Expo, and made a build yesterday. Seems great! I chose Light as the parent theme because that's what is "suggested" in the readme example: https://github.com/zoontek/react-native-edge-to-edge?tab=readme-ov-file#expo

However, when using a light color scheme in my app, the three buttons in the navigation bar (back, home, and app list) are barely visible - basically all you can see are the shadows of them. Does the ParentTheme control the look of those nav buttons?

If so, I would like to choose a parent theme that is a little more visible in a light theme. I also tried default. But changing the config requires a new build each time! I would like to see what these themes look like, so I can choose the one I like. As it is, I have no clue what Materia12 and whatnot is.

[zoontek]

@RyanTG If you use Expo 52, go for Light. Expo 53, go for the default one (they fixed the template parent theme in v53 release)

The theme are defined here: https://github.com/zoontek/react-native-edge-to-edge/tree/main/android/src/main/res

[RyanTG]

Thanks. I'm on SDK 53, and I did switch to Default but didn't see a difference. But now I'm thinking that "enforceNavigationBarContrast": false might be the problem (I just blindly followed the example, and now I see that true is default).

[zoontek]

If you use enforceNavigationBarContrast: false, that means you want a fully transparent navigation bar. In the case, you can control the theme using SystemBars style prop.

Just be sure you're running a physical device as Google shipped a broken emulator image.