background does not expand to fill width going portrait to landscape on iOS

[chris-praxis]

On iOS, often when launching app in portrait and then rotating to landscape, the bottom tab background does not expand to fill screen width and other content can be seen behind bottom tab icons (see image). This has been happening for me for a long time.

Which platform(s) does your issue occur on?

• iOS

• various, latest tested is 16.6.1

• iPhone

• CLI: 8.6.5

• Runtime(s): @nativescript/ios 8.6.3

• Plugin(s): @nativescript-community/ui-material-bottom-navigation 7.2.34, nativescript-vue 2.9.3

            <ContentView row="2">
                <MDBottomNavigation :selectedIndex="selectedIndex" @selectedIndexChanged="onIndexChanged" swipeEnabled="false">
                    <MDTabContentItem>
                        <Frame id="training_frame">
                            <Training :courseListData="courseListData" :drillListData="drillListData" :playVideoFunc="playVideo" />
                        </Frame>
                    </MDTabContentItem>
                    <MDTabContentItem>
                        <Frame id="history_frame">
                            <History :courseListData="courseListData" />
                        </Frame>
                    </MDTabContentItem>
                    <MDTabContentItem>
                        <Frame id="settings_frame">
                            <GlobalSettings />
                        </Frame>
                    </MDTabContentItem>
                    <MDTabStrip ref="tabStrip">
                        <MDTabStripItem android:iconSource="res://train_icon" ios:iconSource="res://images/train_icon">
                            <Label class="tabText" text="Training" />
                        </MDTabStripItem>
                        <MDTabStripItem android:iconSource="res://history_icon" ios:iconSource="res://images/history_icon">
                            <Label class="tabText" text="History" />
                        </MDTabStripItem>
                        <MDTabStripItem android:iconSource="res://settings_icon" ios:iconSource="res://images/settings_icon">
                            <Label class="tabText" text="Settings" />
                        </MDTabStripItem>
                    </MDTabStrip>
                </MDBottomNavigation>
            </ContentView>