NavigationBar | fucking iOS design pattern on Android , provide iOS style | Android library

The height is not changing with the backgroundColor, here's what CupertinoPageScaffold's documentation says:

Content can slide under the navigationBar when they're translucent. In that case, the child's BuildContext's MediaQuery will have a top padding indicating the area of obstructing overlap from the navigationBar.

This is why your text is hidden, it's simply going under the bar when its color is translucent. By using Colors.blue you will have an opaque color.

You can try by using backgroundColor: Colors.transparent the result will be the same as putting no color.

To fix this behavior you can wrap your Column with a SafeArea widget:

The UICollectionReusableView is set up fine I believe and I think an automatic inset is applied to the UICollectionView because of the safe area.

Try one of the two options below in your viewDidLoad and it might work

So, after many, many tries to get this to working i gave up but i foun out that if You change systemBarsBehaviour

You can do it by providing LocalRippleTheme. All views inside CompositionLocalProvider content will have no ripple.

The issue is due to used second NavigationView - it is wrong, there should be only one root navigation view which manages navigation stack in this case.

So here is fixed view (child one)

I placed the following blurb in a custom.d.ts file in the project compile root directory to enable loading svg and png files-

When you write show like that, show will be props. That is why it is an object. If you want to extract a particular property, you can either do props.show or use destructuring in the functional component like this {show}

In your VC you can try adjusting the view.backgroundColor

The bottom margin by default is 0 (or the designated value in the root layout "binding.root")

So, you need to reset the bottom margin again; if it's already 0; then you can: