TabView transparent under iOS 15

[noeleont]

Environment Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project):

• CLI: 8.1.1
• Cross-platform modules: 8.1.3
• Android Runtime:
• iOS Runtime: 8.1.0
• Plugin(s): -
• NativeScript-Angular: ^12.2.0
• Angular: ^12.2.0

Describe the bug

The TabView is transparent on first render and only gets initialised correctly after some clicking around.

To Reproduce

Setup:

ns create my-tab-ng --template @nativescript/template-tab-navigation-ng

Run:

tns run ios

Make sure you run a iOS 15 simulator with a small enough screen, e.g. iPhone SE 2.

Expected behavior

TabView covers ListView elements.

Sample project

@nativescript/template-tab-navigation-ng

Additional context

It seems to be an nativescript-angular problem since the @nativescript/template-tab-navigation is not affected.

[iMarwan-k]

having the same issue and I notice if you remove everything between TabView the BG come back to work

[bradmartin]

related: https://github.com/NativeScript/NativeScript/issues/9614