When running my app on an android device or the Google Chrome inspector the icons in my ion-tabs show up nicely. When running the app on iOS (iOS 11.0 on iPhone SE simulator) they do not appear and I’m left with a white bar on that bottom of the screen that I can still tap on to switch tabs, but no icons show. I’m wondering if I have old syntax or if anyone else has run across this problem. Thanks in advance!
Here is my tabs.html
<ion-tabs>
<ion-tab [root]="tab1Root" tabIcon="home"></ion-tab>
<ion-tab [root]="tab2Root" tabIcon="aperture"></ion-tab>
<ion-tab [root]="" tabIcon="contact"></ion-tab>
</ion-tabs>
ionic info:
cli packages: (/usr/local/lib/node_modules)
@ionic/cli-utils : 1.12.0
ionic (Ionic CLI) : 3.12.0
global packages:
cordova (Cordova CLI) : 7.0.1
local packages:
@ionic/app-scripts : 1.3.7
Cordova Platforms : ios 4.5.1
Ionic Framework : ionic-angular 3.4.0
System:
Android SDK Tools : 26.0.2
ios-deploy : 1.9.2
ios-sim : 6.1.1
Node : v6.10.3
npm : 5.3.0
OS : macOS Sierra
Xcode : Xcode 9.0 Build version 9A235