React-native-navigation: [v3] hidden Topbar conflicts with Sidemenu and Translucent

[sijad]

Issue Description

when TopBar visibility is false in default options, showing side menu programmatically only side menu background shows up. swipe opening still works.

Steps to Reproduce / Code Snippets / Screenshots

1. open playground app
2. in options tab press Hide TopBar in DefaultOptions
3. press Statusbar button
4. press BottomTabs button
5. in Statusbar screen try open left or right side menu by pressing OpenLeft or OpenRight button

---

Environment

• React Native Navigation version: v3 alpha4
• React Native version: v0.60.4
• Platform(s) (iOS, Android, or both?): Android
• Device info (Simulator/Device? OS version? Debug/Release?): Samsung s5 Android 6.0.1

[sijad]

also as you can see in above gif when topbar is hidden background of left sidemenu does not rendered.

[guyca]

Hey @sijad
This isn't really a bug - setDefaultOptions overrides previous default options. The initial default options contain layout.backgroundColor which sets the default background color for components.

When we call setDefaultOptions for the second time, it overrides those options 🤷‍♂
I guess we can improve the playground app so this doesn't happen

[sijad]

the problem is not the background, when you try to open the sidemenu via mergeOptions, only sidemenu dark background shows up. in above gif it's clear that after pressing on openRight button, only dark background of right side menu shows up, and its contents (e.g. close button) does not...

[guyca]

gotcha, I'll check again 👍

[guyca]

Fixed in alpha.11. Thanks for reporting @sijad 👍