ionic2中强制使安卓用ios样式的方法 (实用)

本文介绍了一种在Ionic应用开发中统一iOS与Android平台样式的方法,通过在app.module.ts文件中设置模式为iOS,实现样式的一致性。同时,针对特定组件如ion-radio样式需求,提供了如何覆盖默认样式,单独指定MD样式的解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原文出处:https://blog.youkuaiyun.com/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
    在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"`  

       

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值