Nativescript-ui-feedback: iOS: Toggle Status Bar break the page's layout when using the SideDrawer

[acivier-serial]

Environment

• CLI: 5.4.2
• Cross-platform modules: 5.4.2
• Android Runtime: 5.4.0
• iOS Runtime: 5.4.2
• Plugin(s):
  
  
  
  • nativescript-ui-sidedrawer
  
  
  • nativescript-theme-core
  
  

Describe the bug
When the io's statusbar is toggle during a call or a background app activity the layout of the page is broken. It's adding a margin at the top/bottom of the page and down the TabView component only when using the SideDrawer component.

To Reproduce
Launch the issue-statusbar-ios-nativescript repo in a iOS simulator, then go to the Hardware > Toggle In-call Status Bar.

Expected behavior
Should reduce the height of the Action Bar and not break the page's layout.

Sample project
https://github.com/acivier-serial/issue-statusbar-ios-nativescript

Thanks you !

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

[tsonevn]

Hi @acivier-serial,
I reviewed the reported case and was able to recreate the issue. I will mark it as a bug and we will investigate it further. For now, I would suggest keeping track the issue for further info.
Archive.zip

[VladimirAmiorkov]

Transferred issue from https://github.com/NativeScript/NativeScript as it is related to this plugin

[zbranzov]

@acivier-serial We've just released [email protected] with a fix, but there is one more issues in the tns-core-modules which is caused when using action bar and tab navigation. In this case the issue from the screenshot you have provided happens when navigating between sidedrawer items. This remains to be fixed in any of the upcoming tns-core-modules releases.