Tab Bar Icon not Updating

Hi why when i change tab on the app the icon bar not updating?

here’s the video of my scenario:

my tab code

@Component({
  templateUrl: 'tabs.html'
})
export class TabsPage {

  userNav = this.navParams.get('user')
  tokenNav = this.navParams.get('token')

  constructor(public navParams: NavParams) {
  }

  tab1Root = FeedPage;
  tab2Root = RoomPage;
  tab3Root = HomePage;

  tab1Params = { user: this.userNav, token: this.tokenNav  }
  tab2Params = { user: this.userNav, token: this.tokenNav  }

  
}

my tab html

<ion-tabs>
    <ion-tab [root]="tab1Root" tabTitle="Feed" [rootParams]="tab1Params" tabIcon="information-circle" tabLayout="icon-start"></ion-tab>
    <ion-tab [root]="tab2Root" tabTitle="Contacts" [rootParams]="tab2Params" tabIcon="information-circle"></ion-tab>
    <ion-tab [root]="tab3Root" tabTitle="Settings" tabIcon="home"></ion-tab>


</ion-tabs>```