IonicでAndroidとiOSの見た目を統一する

はじめに

Ionicでハイブリットアプリを作っていたところ、iOSではいい感じの見た目なのにandroidで見るとなんかださい・・・
一部の人に怒られそうだけど、全部iOSの見た目にしたいなー。

そもそも

Ionicでは起動した端末によってスタイルが勝手に変わるようになってる。すごーい。
Platform Specific Styles
※PCで開発するときはchromeのデペロッパーツールから表示端末を選択することで、切り替えができる。
（めちゃ便利）

これでかっこよくなればいいけど、別にwebアプリだし表示一緒でよくない？って人も中にはいるはず。

こう書く

ionicのcliで生成されたapp.module.tsに勝手に書かれてるimport文に追加。

app.module.ts

import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';

@NgModule({

~~中略~~

  imports: [
    IonicModule.forRoot(MyApp, {
      mode:'ios'
    }),
  ],

~~中略~~

参考

https://github.com/ionic-team/ionic/issues/12382
https://github.com/ionic-team/ionic/pull/8017