[BottomNavigation] [iOS] Having selected index in XML does not change correctly styles

Make sure to check the demo app(s) for sample usage

Make sure to check the existing issues in this repository

If the demo apps cannot help and there is no issue for your problem, tell us about it

Having a default selected index defined in the XML does not change correctly the styles of the tabs, although the tab is loaded correctly. Happens only on iOS, on android works perfectly fine.

Which platform(s) does your issue occur on?

• iOS
• 14.4
• emulator

Please, provide the following version numbers that your issue occurs with:

• CLI: 8.0.1
• Cross-platform modules: 8.0
• Runtime(s): 8.0
• Plugin(s): (look for the version numbers in the package.json file of your project and paste your dependencies and devDependencies here)

Please, tell us how to recreate the issue in as much detail as possible.

Describe the steps to reproduce it.

Is there any code involved?

Sample XML:

<Page xmlns="http://schemas.nativescript.org/tns.xsd" 
xmlns:mdt="@nativescript-community/ui-material-bottom-navigation"
navigatingTo="navigatingTo">

    <ActionBar title="My App" icon="" />

    <GridLayout>
        <mdt:BottomNavigation  
            id="view-bottom-nav"
            style="font-size: 15;" 
            selectedIndex="1">
            
            <!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
            <mdt:TabStrip iosIconRenderingMode="alwaysOriginal">
                <mdt:TabStripItem class="tab" title="Client"  style="color:#fefefe;"/>
                <mdt:TabStripItem class="tab" title="Tasks" style="color:#fefefe;"/> 
            </mdt:TabStrip>
            <mdt:TabContentItem>
                <Label text="Tab 1" />
            </mdt:TabContentItem>
            <mdt:TabContentItem>
                <Label text="Tab 2" />
            </mdt:TabContentItem>

        </mdt:BottomNavigation>
    </GridLayout>
</Page>

CSS:

.tab {
    background-color: blue;
    color: white;
}

.tab:active {
    background-color: red;
    color: white;
} 

[farfromrefug]

@PeterStaev fixed in 5.2.19

[PeterStaev]

@farfromrefug thanks for the fast fix, works as expected now!