ionic-framework - 有没有办法让 ion-segment 在 iOS 和 Android 上看起来一样？

Question

设置了ion-segment模式后，在ionic lab渲染后还是不一样。

我已经尝试将 ion-segment 和 ion-toolbar 的模式设置为“md”，但它们看起来仍然不同。

https://ibb.co/HV75Ly2这是设置模式后它们的外观图像。

<ion-toolbar mode="md">
    <ion-segment scrollable mode="md">
      <ion-segment-button value="top" checked>
        TOP
      </ion-segment-button>
      <ion-segment-button value="nfl">
        NFL
      </ion-segment-button>
      <ion-segment-button value="nba">
        NBA
      </ion-segment-button>
      <ion-segment-button value="mlb">
        MLB
      </ion-segment-button>
      <ion-segment-button value="nhl">
        NHL
      </ion-segment-button>
      <ion-segment-button value="ncaaf">
        NCAAF
      </ion-segment-button>
      <ion-segment-button value="ncaab">
        NCAAB
      </ion-segment-button>
    </ion-segment>
</ion-toolbar>

我希望 ion-segment 在两个平台上看起来都像 android 版本，但目前，它们看起来仍然不同。

Answer 1

由于 Ionic 4 beta 之一，您还必须在每个组件上设置 mode。

这也意味着 ion-segment-button 组件，例如:

<ion-toolbar mode="md">
    <ion-segment scrollable mode="md">
      <ion-segment-button mode="md" value="top" checked>
        TOP
      </ion-segment-button>
      <ion-segment-button mode="md" value="nfl">
        NFL
      </ion-segment-button>
      <ion-segment-button mode="md" value="nba">
        NBA
      </ion-segment-button>
      <ion-segment-button mode="md" value="mlb">
        MLB
      </ion-segment-button>
      <ion-segment-button mode="md" value="nhl">
        NHL
      </ion-segment-button>
      <ion-segment-button mode="md" value="ncaaf">
        NCAAF
      </ion-segment-button>
      <ion-segment-button mode="md" value="ncaab">
        NCAAB
      </ion-segment-button>
    </ion-segment>
</ion-toolbar>