Upgrade from Angular 14 to Angular 19 and Ionic6 to Ionic8
I am trying to upgrade my application from Angular14 to Angular19, and from Ionic6 to Ionic8. My app was working fine, but once upgraded, no ion component is recognizable. I am getting errors of this...
View ArticleDarshan Hiranandani : How to Download Audio from SoundCloud in an Ionic 2 App...
Hi everyone, I’m Darshan Hiranandani, working on an Ionic 2 app that streams audio from SoundCloud, but now I’m looking to add a feature where users can download the audio for offline use. I need some...
View ArticleWeird hacks to use modal.value.$el.setCurrentBreakpoint()
Hi! I tried to programmatically open the modal sheet to a specific breakpoint and found that it was quite hacky and not handy at all. So far is the solution I found is this: <ion-modal...
View ArticleIon-Searchbar Not Visible on Android Native Build but Works in Browser
Hello everyone, I’m facing an issue with the <ion-searchbar> component in my Ionic/Angular project. The search bar works perfectly fine when I run the app in the browser, but it doesn’t render...
View ArticleHaving a hard time figuring out what to set for value in Ion Select component
I’m using Ionic, React, and TypeScript. So for an event called ExampleEvent there are different ticket tiers. We’ll call those Tier A, Tier B, Tier C. Ultimately I want the user to be able to select...
View ArticleClik here to view.
Env(safe-area-inset-*) not working with correct meta tag
I have seen this question asked before and most solutions point to the index.html meta tag not being correct, which is not my issue. I am trying to get the Ionic safe areas to apply to my application...
View ArticleClik here to view.
NullInjectorError: R3InjectorError(Platform: core)[t -> Cr]
I just started a tabs project and found that I can only make it work with live reload, a regular ionic cap run won’t work for iOS nor Android. node: 22.12.0 npm: 10.9.0 @ionic/cli: 7.2.0 @angular/cli:...
View ArticleGitHub and SSH access not real clear with Ionic
Hi All, So after you use the quick app wizard to create the ionic app, it gives you some work to do: ` npm install -g @ionic/cli @capacitor/assets git clone https://github.com// It’s all well and...
View ArticleConditionally import plugin
I have a custom plugin that allows me to connect to my hardware the packaging has a bug, with IOS Appstore asking for a file I don’t have for a 3rd party lib… anyhow, I can conditionally compile...
View ArticleClik here to view.
Error compiling in XCode 16.2
Hello everyone, We have a Capacitor+Angular application and since we have updated the XCode version to 16.2 we are having problems compiling due to the Apple Swift version. We have updated Capacitor...
View ArticleStuck on a black screen after picking an image when running iOS app
Hi, We are having a strange issue in our iOS app, we are running iOS app with ionic capacitor angular project. Here we are using the input element with type file. <input type=“file”...
View ArticleBlank page after splash Ionic 7
Olá pessoal, sou novo no Ionic e estou com problemas para executar o aplicativo no Android. Minha versão do Ionic é 7, o aplicativo é simplesmente o projeto em branco com ngmodules. 1 post - 1...
View ArticleOverlapping with single ( + )
Hi everyone! I’ve been stuck on an Ionic + Vue 3 + Vite issue. One overlays another instead of transitioning away. The URL updates, but the old remains in the DOM with display: inline. Only on a...
View ArticleClik here to view.
Edge to edge Android
Hi, I’d like to add safe area padding for edge to edge android phones, right now it looks like this. Please notice the white, barely visible status bar on top and gesture navigation crossing the main...
View ArticleClik here to view.
Ion-datetime stuck on an infinite scoll
I am using the ion-datetime inside an ionic modal. I have a service named util which has a method that uses ModalController to create a modal for the datetime component which has the ion-datetime in...
View ArticleClik here to view.
Ionic IonRouterLink vs Angular RouterLink with standalone components
Trying to figure out what the situation is with IonRouterLink and RouterLink with standalone components. I just did an upgrade progress and ran the schematics to update Angular, which added in the...
View ArticleIon-select modal interface customization
Hi, I am trying to use the modal interface of ion-select ion-select: Select One or Multiple Value Boxes or Placeholders. I need to replace the CLOSE button provided with a different text and has to be...
View ArticleClik here to view.
Index page shows properly at chrome browser from “ionic serve” but show...
While I try to run the app into emulator. net::ERR_HTTP_RESPONSE_CODE_FAILURE exist. ionic cordova run android --emulator --target=Pixel_2_API_34 ionic info: Ionic: Ionic CLI : 7.2.0...
View ArticlePage back transition broken when use IonNav in IonModal
Hello I faced with one issue in my app (ionic-react) On iOS and Android, when i use IonNav in IonModal, after close modal back transition not work. Maybe someone know how to solve this issue. video...
View ArticleClik here to view.
Variables.scss seems to be ignored after upgrading from ionic 6 to 7 to 8
I have finally finished upgrading my app from ionic 6 to 8 and for some reason all of my css variables are being ignored. Here are the contents of theme/variables.scss :root { --ion-color-primary:...
View Article