Ionic2：ベータ5と6への更新

Question

ベータ4から5/6にIonic2のバージョンをアップデートする際に問題があります。

ベータ版4では、ブラウザのルック＆フィールがデフォルトでiOS風でした。 5と6では、スタイルはAndroidのようなもので、ページ（z-index）をナビゲートするとレンダリングの問題が複数あります。 ベータ6のチュートリアルでは、Androidのようにブラウザにも表示されます。

ブラウザは、iOSでのMac OS版Chrome（最新版）（最終版）

はすべてがOKであるシミュレータです。

問題が分かっていますか？ GUIDE

package.json

{ 
 
    "dependencies": { 
 
    "angular2": "2.0.0-beta.15", 
 
    "es6-promise": "3.0.2", 
 
    "es6-shim": "0.35.0", 
 
    "ionic-angular": "2.0.0-beta.6", 
 
    "ionic-native": "^1.1.0", 
 
    "ionicons": "3.0.0-alpha.3", 
 
    "reflect-metadata": "0.1.2", 
 
    "run-sequence": "^1.1.5", 
 
    "rxjs": "5.0.0-beta.2", 
 
    "systemjs": "^0.19.4", 
 
    "zone.js": "0.6.10" 
 
    }, 
 
    "devDependencies": { 
 
    "del": "2.2.0", 
 
    "gulp": "3.9.1", 
 
    "gulp-imagemin": "^2.4.0", 
 
    "gulp-watch": "4.3.5", 
 
    "ionic-gulp-browserify-typescript": "^1.0.0", 
 
    "ionic-gulp-fonts-copy": "^1.0.0", 
 
    "ionic-gulp-html-copy": "^1.0.0", 
 
    "ionic-gulp-sass-build": "^1.0.0", 
 
    "ionic-gulp-scripts-copy": "^1.0.0", 
 
    "gulp-sass": "2.2.0", 
 
    "node-sass": "3.4.2" 
 
    }, 
 
    "cordovaPlugins": [ 
 
    "cordova-plugin-device", 
 
    "cordova-plugin-console", 
 
    "cordova-plugin-whitelist", 
 
    "cordova-plugin-splashscreen", 
 
    "cordova-plugin-statusbar", 
 
    "ionic-plugin-keyboard" 
 
    ], 
 
    "cordovaPlatforms": [ 
 
    "ios", 
 
    { 
 
     "platform": "ios", 
 
     "version": "", 
 
     "locator": "ios" 
 
    } 
 
    ], 
 
    "name": "", 
 
    "description": "" 
 
}

Answer 1

これは仕様によるものです：

私は、このガイドのすべてをしました。ウェブ上で見ると、Ionicのデフォルトはマテリアルデザインです。注：これは2016年5月2日現在のものです。これは将来的に変更される可能性があります。

あなたは、テストのために異なるスタイルでアプリを表示したい場合は、次のようなクエリパラメータを設定することができます。

localhost:8100/index.html?ionicplatform=ios 

テーマ/構成も異なるプラットフォームのスタイリングを表示するためにオーバーライドすることができます。

http://ionicframework.com/docs/v2/theming/platform-specific-styles/