[BottomNavigation][iOS] Application freezes after multiple device orientation changes. #8339

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: 6.3.3
• Cross-platform modules: 6.4.0
• Android Runtime: N/A
• iOS Runtime: 6.3.0

Describe the bug

When changing device orientation multiple times the application often freezes in a render-loop which freezes the interaction with the UI. We are able to reproduce this on an Iphone 7 device in the attached playground project.

Not sure if this is related to the problem, but we have noticed from the device trace logs that the TabStripItem is changing state multiple times depending on how many times the device has been rotated. example:

first time:
[iPhone 7]: 'Style: TabStripItem(14) going to state: highlighted'
[iPhone 7]: 'Style: TabStripItem(14) going to state: highlighted'

after first rotation:
[iPhone 7]: 'Style: TabStripItem(14) going to state: highlighted'
[iPhone 7]: 'Style: TabStripItem(14) going to state: highlighted'
[iPhone 7]: 'Style: TabStripItem(14) going to state: highlighted'
[iPhone 7]: 'Style: TabStripItem(14) going to state: highlighted'

second rotation:
[iPhone 7]: 'Style: TabStripItem(14) going to state: highlighted'
[iPhone 7]: 'Style: TabStripItem(14) going to state: highlighted'
[iPhone 7]: 'Style: TabStripItem(14) going to state: highlighted'
[iPhone 7]: 'Style: TabStripItem(14) going to state: highlighted'
[iPhone 7]: 'Style: TabStripItem(14) going to state: highlighted'
[iPhone 7]: 'Style: TabStripItem(14) going to state: highlighted'

and so on...

To Reproduce

• Devices to reproduce bug:
  • iPhone 7 - iOS 12.0.1
  • iPhone SE - iOS 13.1.3

Expected behavior
The application shall not crash on multiple screen orientation changes.

Sample project

https://play.nativescript.org/?template=play-vue&id=BeeMxQ&v=3