Ionic: ten sam styl dla Androida i iOS

Question

W tym wideo (https://www.youtube.com/watch?v=ZjPRj2Vp74U) Andrew wspomina, że ​​Ionic buduje różne elementy dla każdej platformy. Czy można temu zapobiec, więc aplikacja wygląda tak samo na wszystkich platformach?

Answer 1

Tak, to jest w 100% możliwe.

Można to osiągnąć za pomocą Ionic $ionicConfigProvider. Możesz użyć tego dostawcy w swojej metodzie .config() i zrobić takie rzeczy, jak nadpisanie stylów, które chcesz zastosować na platformie.

Jest to dość potężne narzędzie. Spójrz na numer docs, aby uzyskać pełne informacje.

Answer 2

Jeśli używasz Ionic2 ...

otwarty app/app.ts

i dodać kolejną config:

ionicBootstrap(MyApp, [], { 
    mode: 'ios' // use 'md' for android and 'wp' for windows 
}) 

Answer 3

Program użytkowy ionic.Platform mogą być używane w kontrolerze JavaScript ustawić platformę dla swojej aplikacji.

Właściwie można go ustawić i inne platformy, sztuką jest uruchomienie polecenia set w metodzie run dla modułu zanim wszystko jest ustawione:

angular.module('YourAppName').run(function() { 
    //override platform 
    ionic.Platform.setPlatform("android");//all styles will be unified on both Android and iOS 


}); 

Answer 4

Dla Ionic 2.0.0 możesz użyć parametru konfiguracyjnego metody 01 forRoot: IonicModule.

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