Stack Overflow
Stack Overflow

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
1
vote
1 answer

Ionic 4 - easiest way to a button add/remove component from page

I'm using page variables to add/remove components from my page. This sounds weird but it actually works. mypage.html mypage.ts public pop_product_open:boolean…
anderlaini
  • 1,593
  • 2
  • 24
  • 39
1
vote
0 answers

How to refresh a page on "route ionic browser build"?

I build my project on IONIC (version 6.10.0) ionic cordova build browser --prod ionic cordova run browser My project starts, but when I refresh the page, then I have the following error: How can I fix this? The routes are however well…
Yassine Zitouni
  • 73
  • 1
  • 5
1
vote
1 answer

Implement liquid swipe with Ionic Angular

I’m relatively new to Ionic and I want to make an application that uses swipe features ! I’ve found something interesting that is liquid swipe. I know that it’s possible with Flutter (https://www.youtube.com/watch?v=svvJFb-LsgY 1) but I want to know…
Monegasqu
  • 13
  • 1
  • 3
1
vote
1 answer

Ionic 4: The "src" content of an "img" tag is not updating when I change it from the controller in IOS

I am developing an app for Android and IOS. I have a profile page where the user can change profile pictures. The photo appears in the view and is changed in real time. My code is like this in the view: logo
Rivero Felipe
  • 177
  • 2
  • 18
1
vote
2 answers

Total canvas memory use exceeds the maximum limit (224 MB) on ios using ionic 4 and openlayers

we are building an ionic app to show layers on maps using openlayers. Everything is working well on android but on ios when we load the second project we will have the following warning. warning: Total canvas memory use exceeds the maximum limit…
Ali Wehbi
  • 69
  • 1
  • 11
1
vote
1 answer

Ionic 5 toastController doesn't show "close" button

I migrated from Ionic 4 to Ionic 5 and noticed my toastControllers are not showing the "close" button even if I set up the ToastOptions properties with showCloseButton: true
Leonardo Nomdedeu
  • 814
  • 1
  • 8
  • 11
1
vote
1 answer

Ionic Angular - Desktop sidemenu minimized to the side instead of completely hidden

By default in Ionic, the sidemenu will be expanded or hidden by sliding in/out from the side of the screen everytime we click on it. However, specific for desktop version, I wanted it to be minimized (instead of completely hidden) to the side of the…
OreoFanatics
  • 818
  • 4
  • 15
  • 32
1
vote
0 answers

Deploy existing Ionic / Firebase project to new Firebase hosting project

I have Ionic project which I have deploy to my Firebase project [Project A] hosting. I need to deploy this same project to a new Firebase project [Project B] hosting. I have edited all the required config values in environment.ts ,…
user2828442
  • 2,415
  • 7
  • 57
  • 105
1
vote
1 answer

Updating Chartjs dataset in Ionic

I was trying to update a bar chart dataset by appending newer data to it using Chartjs. According to doc here, I need to update the datasets.data array and labels. I created the following component in Ionic: chart.component.ts import {…
Abrar Hossain
  • 2,594
  • 8
  • 29
  • 54
1
vote
0 answers

Ionic 4 ignored notch on iPhone X and 11

On two tabs in my Ionic 4 app I have an ion-header and the contents within them safely move below the notch of the full-screen iPhones (X and 11) On the other two tabs I do not have header content but without the ion-header the content mushes up…
Craig
  • 8,093
  • 8
  • 42
  • 74
1
vote
1 answer

In Ionic Framework (v5), how do you use blob images saved in the data directory as inline and background images?

I created a function for downloading and saving the blob images so that if the user is offline, the images can still be rendered. I have to do it this way as the products are managed via a CMS. Here is the function: downloadProductImages(products)…
ashleyjbartlett
  • 23
  • 9
1
vote
0 answers

sign in with apple - firebase auth, providerData is null

I am working on ionic 4. I have configured Firebase and sign in with apple for web. This is how I am using, var provider = new firebase.auth.OAuthProvider('apple.com'); provider.addScope('email'); provider.addScope('name'); const result = await…
Kiran Uppunda
  • 43
  • 1
  • 6
1
vote
1 answer

Ionic 5 slider next previous navigation button implementation

While designing a next and previous button inside an 'ion-slides', these two buttons get automatically placed inside 'swiper-wrapper' class. Need to make it outside the 'swiper-wrapper' class, so that it is visible from any slide. Has any…
Roy
  • 19
  • 1
  • 6
1
vote
2 answers

How to align the ion input text with some other element on the side

I am developing a project and I came across a problem where the ion-input text including placeholder text are a little above the text beside it. I need help aligning them. This is my code.

UserName:

DreadedHippy
  • 86
  • 1
  • 11
1
vote
1 answer

how to print this kind of data showing Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding

this is my data of covid19 get from postman. how to print this kind of data showing Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding "Andaman and Nicobar Islands": { "districtData": { …
Yogendra Vande
  • 11
  • 3
1 2 3
…
99
100