incorrect layout on iPhone 11

[SogoGolf]

hi, i ran the example app on iPhone 11 and it was not rendering correctly for some reason. there's a large black space/area above the nav bar. Also, the nav bar is sitting too low.

XCode Version 11.4.1 (11E503a)
target: iOS 13.4

[BilalShahid13]

I think you are probably running the sample project. That project is using the customWidget property with a custom widget. Your device is recognized as an iPhone with a notch (notched iPhones have more height to their bottom nav bar) so the default padding is being set as 90.0 as navBarHeight is left empty. But the height of that custom widget is 60.0. That is why you are seeing that black bar.

Set the navBarHeight as 60.0 and the black strip will disappear. Alternatively, you can set the height of the custom widget as 90.0. That will also fix the issue with nav bar sitting too low :)

This was just an explanation of what is happening. I would recommend using the styles that I have provided as you will not encounter this issue there because I'm handling the height and the padding for them. This is for developers who want to style their own navBar so I'm expecting them to handle this themselves.

I will fix the sample project and push an update soon. Thanks for letting me know!

[SogoGolf]

ahh lol yes your right! sorry about that. still good to know that the custom nav bar option is there etc. we may need it, shall see.

[BilalShahid13]

The sample project is updated. Also now you can provide a fixed height for all devices even in the custom widget scenario. It will handle it for notched devices.

Check the version 1.4.4 for this.