[iOS][BottomNavigation] Images are not vertically centered #7991
Description
Environment
- CLI: 6.1.2
- Android Runtime: 6.1.1
- iOS Runtime: 6.1.1
Describe the bug
On iOS the Images within the TabStrip are not vertically centered within a BottomNavigation. On Android they are perfectly centered.
Here is a screenshot from two running iphone Simulators, where you should be able to see the issue.
To Reproduce
<TabStrip #mainNavigationStrip isIconSizeFixed="false" iosIconRenderingMode="alwaysOriginal">
<TabStripItem class="nav-icon" [class.ios]="isIOS()" [class.selected]="selectedTab === 0">
<Image src="font://" class="fas"></Image>
</TabStripItem>
<TabStripItem class="nav-icon" [class.ios]="isIOS()" [class.selected]="selectedTab === 1">
<Image src="font://" class="fas"></Image>
</TabStripItem>
<TabStripItem class="nav-icon" [class.ios]="isIOS()" [class.selected]="selectedTab === 2">
<Image src="font://" class="fas"></Image>
</TabStripItem>
<TabStripItem class="nav-icon" [class.ios]="isIOS()" [class.selected]="selectedTab === 3">
<Image src="font://" class="fas"></Image>
</TabStripItem>
<TabStripItem class="nav-icon" [class.ios]="isIOS()" [class.selected]="selectedTab === 4">
<Image src="font://" class="fas"></Image>
</TabStripItem>
</TabStrip>
Expected behavior
The Images (using Ionicons) should be centered vertically. Styling on Image, TabStripItem or Tabstrip is not working (not applied at all).