ionic4 配置android ios使用一套css样式

ionic4项目中如何让 android ios使用一套css样式呢？

首先找到全局根目录 app.module.ts ，然后在根模块的IonicModule.forRoot中就可以配置android ios使用一套css样式。

默认情况跟模块是这样的,代码如下：

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot({}), AppRoutingModule,HttpClientModule],
  providers: [
    StatusBar,
    SplashScreen,
    HttpserviceService,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})

现在我们想让android ios都使用ios的样式，那么进行如下配置：

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot({
    mode:'ios',  //配置android ios 都使用一个样式
    backButtonText:"返回"  //配置默认的返回按钮
  }), AppRoutingModule,HttpClientModule],
  providers: [
    StatusBar,
    SplashScreen,
    HttpserviceService,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})

这样配置完成后我们的ionic4 项目在android ios 上面就使用一样的样式了。