Force the IOS style on the web only

Ionic Framework
1

Hello,

I would like to know how with IONIC 4, I can force the style of IOS on the web only. On IOS the style remains IOS and on Android remains the Android style.

thank you,

2 


import { IonicModule } from '@ionic/angular';

@NgModule({
  ...
  imports: [
    BrowserModule,
    IonicModule.forRoot({
      rippleEffect: false,
      mode: 'ios'
    }),
    AppRoutingModule
  ],
  ...
})
3

But the IOS style will be applied also on Android. I just want to have the IOS style on the WEB version.

Thank you

4

In that case do it inline and use the Platform.is method to verify if it’s on iOS and then implement mode for the Config class.

import {Platform, Config} from '@ionic/angular'

@Component{
  selector: 'app',
  template: '<div>hello world</div>'
}
export myclass{
constructor(public config: Config, public platform: Platform){
    if(!this.platform.is('cordova')){
      this.config.set('mode', 'ios')
       }
   }
}
5

Config.set() method is deprecated (#19104). :confused:

Thanks