ionic-framework - イオングリッドIonic 4の次の行にジャンプする最後の列

Question

5 つのボタン/アイコンを含むフッターを作成しようとしています。実際、私はタブを複製しようとしていますが、その機能を使用していません。teir ラベルが付いた 5 つのアイコンを収めるのに十分なスペースがありますが、何らかの理由で Android では最後のアイコンが次の行にジャンプしています。幅とサイズで遊んでみましたが、望ましい結果が得られませんでした。

なにか提案を？

簡単に言うと、AndroidでフッターがIosのように表示されるようにしたい

ありがとう

<ion-footer>
 <ion-toolbar color="light">
  <ion-grid>
   <ion-row> 

    <ion-col>  
      <ion-tab-button >
        <ion-icon src="/assets/couple_on.svg"></ion-icon>
        <ion-label>Info</ion-label>
      </ion-tab-button>
    </ion-col> 

    <ion-col>  
      <ion-tab-button >
        <ion-icon src="/assets/rings_off.svg"></ion-icon>
        <ion-label>Donde</ion-label>
      </ion-tab-button>
    </ion-col> 

    <ion-col>  
      <ion-tab-button >
        <ion-icon src="/assets/church_off.svg"></ion-icon>
        <ion-label>Inicio</ion-label>
      </ion-tab-button>
    </ion-col> 

    <ion-col>
      <ion-tab-button >
        <ion-icon src="/assets/cake_off.svg"></ion-icon>
        <ion-label>Programa</ion-label>
      </ion-tab-button>
    </ion-col>

    <ion-col>
      <ion-tab-button >
        <ion-icon src="/assets/camera_off.svg"></ion-icon>
        <ion-label>Fotos</ion-label>
      </ion-tab-button>
     </ion-col>        
    </ion-row>
   </ion-grid>
  </ion-toolbar>
 </ion-footer>

編集: ロシア語 (長い言葉) に翻訳し、nowrap を使用すると、最後のアイコンが画面から消えていました。ラベルのサイズを縮小しようとしましたが、まだ中央に配置されていません。Iosで見られるように、私は今それが収まるので、それは面倒です:

EDIT 2：シミュレーターでそれを見ていましたが、あなたの修正は問題ありませんでした。ただし、電話ではロシア語版ではまだ画面から離れており、スペイン語では中央に配置されていないため、右側よりも左側に多くのスペースがあります. ( https://i.stack.imgur.com/Y377b.jpg )