ionic2中强制使安卓用ios样式的方法（实用）

桃扇骨 2022-05-10 11:24 137阅读 0赞

原文出处：[https://blog.csdn.net/qq\_34645412/article/details/77409505][https_blog.csdn.net_qq_34645412_article_details_77409505]

在app开发中，很多时候需要分别对ios和安卓的样式分别设置。这使得代码量增多，而且显得特别繁琐。这个时候可以强制的将安卓的样式设置为使用ios的样式

操作方法为：在根模块里面也就是app.module.ts里面设置

import { NgModule, ErrorHandler } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
    import { MyApp } from './app.component';
    
    import { StatusBar } from '@ionic-native/status-bar';
    import { SplashScreen } from '@ionic-native/splash-screen';
    
    @NgModule({
      declarations: [
        MyApp
      ],
      imports: [
        BrowserModule,
        IonicModule.forRoot(MyApp,{
          backButtonText: '返回', 
          iconMode: 'ios',   //安卓icon强制使用ios的icon以及样式
          mode: 'ios',       //样式强制使用ios样式 （安卓的是'md'） 
        })
      ],
      bootstrap: [IonicApp],
      entryComponents: [
        MyApp
      ],
      providers: [
        StatusBar,
        SplashScreen,
        {provide: ErrorHandler, useClass: IonicErrorHandler}
      ]
    })
    export class AppModule {}

补充问题：[https://segmentfault.com/q/1010000012008541][https_segmentfault.com_q_1010000012008541]  
    在ionic的app.module.ts中设置了mode为ios，但是ion-radio样式却想使用md的怎么办?因为radio这个控件的ios样式在项目中确实不符合要求，是否有什么东西可以设置为radio的样式为md?  
  
解决方案：    
本人已经找到解决方案(ionic版本为3.9.2)，在

<ion-radio mode="md" color="primary" value="满意"></ion-radio>

加入\`mode="md"\`

[https_blog.csdn.net_qq_34645412_article_details_77409505]: https://blog.csdn.net/qq_34645412/article/details/77409505
[https_segmentfault.com_q_1010000012008541]: https://segmentfault.com/q/1010000012008541