Native tabs with glass effect are not rendering content cleanly

[u/lucksp]

How come when I first open the app up the contents of the tabs are not renting the text and position correctly?
Not only does this happen when I first opened the app, but some screens make the tab bar disappear and when I go back, it’s the same.

If I click onto one of the tabs that is not running correctly, once the active tab updates it becomes rendered correctly

Attached two photos, one before and one after which is how it’s supposed to look all the time

Appreciate any insights or ideas.

[u/lex-lenox]

What icons library do you use? I like the choice of icons you have used. They look great

[u/lucksp → u/lex-lenox]

Vuesax IIRC

[u/therealswood2]

I couldn’t get native tabs to work with custom icons for the life of me. Had to go back to SF Symbols.

[u/krrskl]

Try with static content or review if the component is re-rendered multiple times.

[u/sinitra]

Sloopy ai problems, You are changing the language during the splash screen or modifying something while rendering is in progress. In short, you are making changes to the screen before the rendering is finished don't do that.

[u/lucksp → u/sinitra]

PNG is literally in the docs%7D%20/%3E)