ionic4

I am facing a problem with Ionic 4 native plugins. I have installed ionic 4 Cordova native plugin "Geolocation" but when I run the app into my iOS or Android device it's showing to me a blank white screen and nothing happening. app.module.ts code: import { Geolocation } from '@ionic-native/geolocation'; @NgModule({ declarations: [AppComponent], entryComponents: [], imports: [ BrowserModule, IonicModule.forRoot(), AppRoutingModule, ComponentsModule ], providers: [ StatusBar, SplashScreen, ** Geolocation ** , { provide: RouteReuseStrategy, useClass: IonicRouteStrategy } ], bootstrap:

I am new to Ionic, and I am developing a basic app in Ionic 4 with sidemenu . I am adding a button in Side Menu , when I am clicking on that button the menu is not toggling. can anyone help me in this ? here's the code which I am trying. <ion-button color="primary" (click)="function()" class="class" menuToggle expand="block" fill="outline"> text </ion-button> Explanation of not Duplicate question Please check the Bold text, I already have a working sidemenu, but the problem is I want to close the sidemenu when I click on ion-button , not on ion-item . Simply encapsulate your ion-button within

I'm trying to create a modal window, pass it an array of objects, have a user select one object from that array, and then have my modal pass back the object they've selected. I've tried using the Ionic 2 approach of modalName.onDidDismiss(data=> …) as explained here , but apparently Ionic 4 changed "onDidDismiss" to not accept any values passed back to it. So I'm at a loss for how to send data from my Modal window back to the page that called it. Some days ago I had the same problem and here's my solution: I guess, you already have a component which contains the actual modal. name

i have tried in global.scss as ion-content{ background-image: url('assets/images/cover.jpg'); -webkit-background-image: url('assets/images/cover.jpg'); background-repeat: no-repeat; background-size:cover; } but this does not render the image. tried path as ./assets/images/cover.jpg as well. if i put the same image as img tag on the page that shows up ruling out invalid image possibility. I also tried to put in the homeage.scss as .myview { background-image: url('../../assets/images/cover.jpg'); background-repeat: no-repeat; background-size:cover; } and using class="myview" in home.html no luck

Does anyone know how to update the font for Ionic 4? I tried adding the aileron.woff to assets/fonts and putting this in the variables.scss to no avail. src: url('../assets/fonts/aileron.woff') format('woff'); Strider This is how I managed to add a custom font to my Ionic application Add a directory that contains the font files to the project under the folder src\assets\fonts src\assets\fonts\myCustomFont | +-- MyCustomFontBold.ttf +-- MyCustomFontBoldItalic.ttf +-- MyCustomFontItalic.ttf +-- MyCustomFontRegular.ttf Define the fonts in the file src\theme\variables.scss : @font-face { font

I am creating an application and i want move from login Page to Tabs Page. When I try to navigate to Tabs page, its only showing Home page without Tabs. here is my Code. app-routing.module.ts import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; const routes: Routes = [ { path: '', redirectTo: 'login', pathMatch: 'full' }, { path: 'login', loadChildren: './pages/login/login.module#LoginPageModule' }, { path: 'tabs', loadChildren: './pages/tabs/tabs.module#TabsPageModule' } ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule