Questions tagged [ionic4]

Presentation

This tag is for questions specifically targetting version 4 of the Ionic Framework.

Ionic Framework is an open-source hybrid mobile application development framework that helps in building cross-platform mobile applications with standard Web technologies like , , and 's.

Ionic Framework is focused on giving a native-like UI experience, built on top of web technologies.

Traditionally, it has used Apache and . Since January 2019, Ionic 4 allows developers to choose multiple frameworks including , , , and web components.

Ionic also has a rich Command Line Interface which enables the developers to create, build, test and deploy applications.

Ionic 4 is built using which is a compiler that creates Web Components.

The Ionic Team are also developing an alternative to Cordova, called Capacitor. is a cross-platform app runtime that allows developers to build web apps that run natively on iOS, Android, Electron and the web.

Official Links:

5597 questions
20
votes
9 answers

Why white screen stuck after splash screen in Ionic 4?

I run ionic cordova run android for my Ionic Cordova project. At this time, I have my mobile connected to PC via USB. So when I run that command, it installs the app on my real device Android Redmi Note 6 PRO. But what really happens is when the app…
Nika Kurashvili
  • 6,006
  • 8
  • 57
  • 123
20
votes
6 answers

How do I remove a border on an Ion-Toolbar?

I need help removing the border from the ion-toolbar in the ion-header in Ionic v4 (4.0.9). My objective is to remove this: In my code I have a ion-header with two ion-toolbar. I've tried everything the no-border attribute inside ion-header and…
Juanfri Lira
  • 423
  • 3
  • 7
  • 17
20
votes
6 answers

Handling hardware back button in Ionic3 Vs Ionic4

Please find the below code for the Android hardware back button action in ionic3. As Ionic4 uses angular routing for navigation how the pop event will take place for the back button? If we want to pop to the last page we can use the following code…
Arj 1411
  • 1,395
  • 3
  • 14
  • 36
19
votes
2 answers

How to toggle Menu in Ionic 4

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.
Riot Zeast Captain
  • 958
  • 5
  • 13
  • 35
18
votes
9 answers

Error: Uncaught (in promise): overlay does not exist (ionic-selectable)

I'm using ionic-selectable package github for products selection. I'm having error in console before opening the IonicSelectable in component. ERROR Error: Uncaught (in promise): overlay does not exist at resolvePromise (zone.js:831) at…
Tauqeer H.
  • 781
  • 1
  • 9
  • 20
18
votes
2 answers

How to change default App Icon and Splash Screen in Ionic 4 application?

I'm developing Ionic 4 app with angular. But, I have stuck in how to change the default App Icon and Splash Screen. I've already go through the Ionic 4 documentation (https://ionicframework.com/docs/native/splash-screen#usage) but din't find any…
17
votes
3 answers

How to protect Google Maps API key on Ionic app?

I have Ionic PWA app published for Android and iOS (I used Capacitor to generate the native build). In the frontend code, it has my Google Maps API key, however, I can't restrict it to any of the options google offers because... HTTP referrers -…
nachshon f
  • 3,540
  • 7
  • 35
  • 67
17
votes
9 answers

ERROR: cordova-res was not found on your PATH

I have a problem in my app ionic 4, when i run ionic cordova platform add android I have this error : [ERROR] cordova-res was not found on your PATH. Please install it globally: npm i -g cordova-res And when I run npm i -g cordova-res I cant't…
17
votes
8 answers

Ionic v4 - how do I autofocus on a Input?

I have a view with an input How can I auto focus on this input? What have I tried @ViewChild('codigobarras') input_codigobarras: Input; ... ionViewDidEnter() { this.input_codigobarras.focus(); // didn't…
SpaceDogCS
  • 2,808
  • 3
  • 20
  • 49
17
votes
2 answers

ionic 4 adding side menu

i started a project with tab template which i then later decided to add a side menu. the trouble is the side menu does not appear at all. here is my app.components.html looks like
Vik
  • 8,721
  • 27
  • 83
  • 168
17
votes
3 answers

Ionic 4: Style input placeholder

I'm trying to style the placeholder of my Ionic 4 application.The HTML looks as follows:
Name
MirJo
  • 204
  • 1
  • 2
  • 9
16
votes
2 answers

ERROR: Unable to find module with Gradle path ':capacitor-cordova-android-plugins'

I'm developing a mobile app with Ionic 4, Capacitor and some Cordova plugins and have run into a problem when attempting to run the app on Android. Android Studio refuses to run the project and prints the following error: ERROR: Unable to find…
mkkekkonen
  • 1,704
  • 2
  • 18
  • 35
16
votes
4 answers

Ionic 4 Angular Back Button to previous page instead of root?

I have a little Ionic 4 App with 2 Tabs and 1 Detail Page. The Problem I'm facing here is that if I go from Tab2 into Detail Page and from there with ion-back-button back it always redirect me to Tab1 instead of Tab2 where I was before. Here is my…
Lukas R.
  • 296
  • 1
  • 3
  • 19
16
votes
2 answers

Ionic 4 how do I receive componentProps?

In Ionic 4, I am trying to use the modalController to open a modal. I am able to open the modal and send componentProps, but I'm not sure how to receive those properties. Here's how I open the modal component: async showUpsert() { this.modal =…
ntgCleaner
  • 5,865
  • 9
  • 48
  • 86
15
votes
5 answers

Ionic 5 Modal over modal is missing ion-backdrop

Why is my ion-backdrop + modal shadow styling not working when I open a modal on top of another modal? PREFACE: This was working fine with V4, but broken on the upgrade to V5. I don’t want to change my page approach, just fix the CSS/whatever is…
José Damião
  • 185
  • 1
  • 9