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
4 answers

How I can change ion-card background for even, odd and other type

I'm stuck here in a part of my job, I want the ion-card to have one color when it's odd and another when it's even. However, when the status = alert, I need it to turn red. I believe there's something wrong with the code and I'm not finding the…
WoolF163
  • 13
  • 5
1
vote
0 answers

How to use firebase query with a route resolver

I'm implementing a route resolver but I'm having type issues and I'm not sure how to resolve. I'm navigating to a Group page like a social media group and I want to resolve the Group Data before routing to the page so I'm using a resolver. …
D.Hodges
  • 1,794
  • 4
  • 24
  • 47
1
vote
1 answer

Phone sometimes skips function inside loop in Ionic 4

I have a POS app that works with a thermal printer with the Bluetooth Serial plugin. When the order is too long, I split the invoice in chunks of 300 bits. On my phone it works well 100% of the time, but when I try to use a Huawei phone (the one…
Orlando Miranda
  • 11
  • 1
  • 3
1
vote
0 answers

Ionic displaying audio stream from an API

I was given two urls, the first one is for the live stream radio and the second one is for the API respectively as following: The actual stream link. Here's the API for the…
Ghonimy
  • 11
  • 1
1
vote
1 answer

ionic 4 Super-tabs iOS tab changing issue

I am using super-tab in home page of my ionic app. The problem is whenever i navigate from any tab to another child page and return back the first tab content showing. But tab indicator showing correct tab. The problem is only with iOS devices. It…
danial
  • 75
  • 9
1
vote
3 answers

How to set data into a service and the get in another page Ionic 4/5

I hope someone can help me I want to send data from one page and then use it in another page from a service. This is the parent component.ts import { Component } from '@angular/core'; import { ShareService } from…
Roman Isidor
  • 25
  • 4
1
vote
0 answers

Error testing any component with Ionic ion-infinite-scroll as child (Ionic 4)

First off, this isn't a breaking issue, but I do not like the fact that running my unit tests is presenting an error. So anyways, if you create a page/component with Ionic and use the ion-infinite-scroll component, and then proceed to unit test this…
SpellChucker
  • 450
  • 5
  • 18
1
vote
1 answer

How can i catch data return by AlertController in Ionic 4?

I have AlertService which calls AlertController, and alertController has this method, async presentAlertPrompt() { const alert = await this._alertController.create({ cssClass: 'my-custom-class', header: 'Add Comment!', inputs:…
pl-jay
  • 970
  • 1
  • 16
  • 33
1
vote
1 answer

How to force angular material follow the ionic v5 dark mode switch

im trying to develop my first App and i got stuck with this issue. when the device is in dark mode ionic automatically switches to dark mode as well. but the angular material doesn't change its color scheme which keeps the text dark. Thanks is…
user12797553
1
vote
4 answers

Ionic capacitor live reload not working on android

I am using the following command to perform live reloading on android ionic capacitor run android --livereload --external But it is not working. Here is the error I am getting The web page at http://localhost:8100/ could not be loaded…
pratik jaiswal
  • 1,855
  • 9
  • 27
  • 59
1
vote
0 answers

html2canvas error adoptedStyleSheets' property on 'ShadowRoot': And InvalidStateError

I'm trying to add whole div with its style on canvas. I found one solution to use html2canvas But that is giving some style error DOMException: Failed to set the 'adoptedStyleSheets' property on 'ShadowRoot': Sharing constructed stylesheets in…
Rupesh
  • 850
  • 2
  • 13
  • 30
1
vote
0 answers

Error: Cannot read property 'resolve' of undefined

my project return a error when i run "Ionic build" C:\Users\OI403846\Documents\Ionic-Mobile\mobile-ionic> ionic build [WARN] Detected locally installed Ionic CLI, but it's too old--using global CLI. Running app-scripts build: [18:12:23] build dev…
Gabriel Vieira
  • 11
  • 1
1
vote
1 answer

Ionic 4 Deeplinking - launch website if app is not installed

I am working on Ionic 4 app and I am using deeplink to open app when clicked on a external link. I am using plugin: cordova plugin add ionic-plugin-deeplinks --variable URL_SCHEME=deeplinktest --variable DEEPLINK_SCHEME=https --variable…
Ragesh Pikalmunde
  • 1,333
  • 1
  • 20
  • 44
1
vote
1 answer

Is it possible to change a current app for a newer one in Apple Store and Play Store?

Is it possible to change/update an app in Apple Store and Play Store to a new one? I have an app already published in both Apple Store and Play Store and I made them using Ionic v1 and as I have encountered this issue on Uiwebview…
Eric Angelo Castanares
  • 11
  • 1
1
vote
2 answers

Create Ionic framework 4 Project

I have globally installed the latest version of Ionic CLI 4 (4.12.0) by running npm install -g ionic@4.12.0, after that, I created a new Ionic project using ionic start, I opened the project and checked my package.json file : "dependencies": { …
MDIT
  • 1,508
  • 5
  • 25
  • 38
1 2 3
…
99
100