Quantcast
Channel: Ionic Forum - Latest posts

Capacitor server.hostname same as web deployment URL on Android

Yeah I dunno if I’m doing something wrong here but with just a basic: ionic start a basic blank angular application npm install @capacitor/android add server with a hostname of www.google.com and...

View Article


Capacitor sqlite app with react and ionic

I’m making an cross plateform app (web and mobile) with react capacitor and sqlite with serveral pages. I’ve got different pages. I import json datas from a server. But I can’t manage bdd persistance...

View Article


Introducing: Capacitor Barcode Scanner Plugin

I have the same problem. Capacitor Barcode scanner works in my browser. Does not work my mobile in the PWA app. Also, under apps, I cannot see that the app has camera permission. May be the camera...

View Article

Image may be NSFW.
Clik here to view.

I Use Ionic Capacitor 5 Angular Phone Authentication Implementation in that...

rahul-durgam: I use “@angular/fire”: “^16.0.0”, “@capacitor/cli”: “5.0.5”, “@capacitor/ios”: “^5.7.1”, “@capacitor/android”: “5.0.5”, code to send otp import { AngularFireAuth } from...

View Article

Is there a plug in to allow users to choose from email apps installed on...

Is this AI generated content?

View Article


Is there a plug in to allow users to choose from email apps installed on...

If you mean JessieRoss answer, looks like it, if you mean mine, no, I’m not a robot

View Article

Is there a plug in to allow users to choose from email apps installed on...

whenever I go to AI the replied me like that, “It seems like…” that’s why I told that.

View Article

Capacitor sqlite app with react and ionic

It sounds like the issue might be with how your SQLite database is initialized and accessed across your app. To ensure persistence, initialize the database once in a central place, like a React...

View Article


I Use Ionic Capacitor 5 Angular Phone Authentication Implementation in that...

My guess is that you’ll need to use a native/Capacitor package for Firebase Auth - Capacitor Firebase Authentication Plugin - Capawesome.

View Article


I Use Ionic Capacitor 5 Angular Phone Authentication Implementation in that...

@twestrick Hi, I have already tried this extenstion not working not proper logs and cannot find solution in online can you please help me understand why im getting this error after using this plugin...

View Article

Cannot get ion-icons to draw

@sthompson-crestron did you ever find a solution to this? I’m seeing the same behavior when using Ionic 8 components in an old AngularJS app. I see in the network tab that the icon’s svg’s load, but...

View Article

Capacitor server.hostname same as web deployment URL on Android

We were finally able to pinpoint the exact reason why this was happening. We utilise a service worker for our builds to enable PWA capabilities. When initialised, this service worker serves the entire...

View Article

Cannot get ion-icons to draw

Yes I did. The problem is that when Safari downloads the SVG from a “file://” URL, it returns a status code of 0. The Ionic Icons source checks to see if the result code is an HTTP success code in the...

View Article


Live reload repeats infinitely after upgrading Ionic and Angular

Hi, I’ve upgraded my app from Ionic 6 to Ionic 8 (Via version 7), and also gone from Angular 14 to 18 (step by step) After doing so, I experience that when I’m running ionic serve and save my code,...

View Article

Blank Black Screen When Launching Ionic App on Android

Hi everyone, Blank Black screen appears every time I launch my Ionic app on an Android device. The app builds and installs successfully without any errors, but when I open it, the screen stays...

View Article


Image may be NSFW.
Clik here to view.

How do you inject dynamically constructed HTML that requires events to be...

rapropos: there is a notion of a “template fragment” that is substantially lighter in weight than a full component when anyone talking about notion, I remembered their color schemes. Every notion...

View Article

Action button support for Capacitor PushNotification plugin

Hi @stib do you found out any solution fore action button?

View Article


Image may be NSFW.
Clik here to view.

Does Ionic intend to keep supporting React same as Angular?

Hi everyone, For the last 8 month I’ve been trying to get some information regarding the react support by ionic, more specifically the router implementation - the most upvoted issues in github are...

View Article

Image may be NSFW.
Clik here to view.

Swiper 11 initialSlide problem

I’m using Swiper 11 with Angular 17 and standalone components to create a gallery. The gallery works well, but I’m encountering an issue when trying to select a specific slide as the initial one in a...

View Article

Blank Black Screen When Launching Ionic App on Android

A blank screen usually points to a JS error. Check DevTools by running the app through Android Studio in an emulator or physical device and go to chrome://inspect/#devices on your computer.

View Article

Barcode Generator from string

Hi, i need to display a string on Barcode Format. I’ve an app witch ionic 8, capacitor 6 and angular 16. For qrcode generator, i found a lot of solution, but i don’t find something for barcode...

View Article


Barcode Generator from string

A quick Google search points to JsBarcode being popular.

View Article


Barcode Generator from string

But it’s indicate to use on browser. I need to use the generator inside android app.

View Article

Swiper 11 initialSlide problem

ok i’ve found a solution. in the component @ViewChild('swiperItem', { static: false }) swiperContainer: any; ngAfterViewInit() {...

View Article

Barcode Generator from string

Capacitor runs your app in an embedded browser on the device so almost any JS library will work with Capacitor.

View Article


Ionic 8 Angular 18: "The above dynamic import cannot be analyzed by Vite."

I found the problem, the line that was giving problems was in my main.ts in the part of: providers: [importProvidersFrom(IonicModule.forRoot({ mode: ‘ios’ })),] I replaced it with...

View Article

Image may be NSFW.
Clik here to view.

Ion-datetime wheel not draggable in browser mode

liambrown: ion-datetime { overflow-y: auto; } Unfortunately that CSS does not work. I had tried that previously. I am using version 6 of Ionic. I’m not ready to upgrade at this time. I have searched...

View Article

Image may be NSFW.
Clik here to view.

Ion-datetime wheel not draggable in browser mode

It doesn’t work on the Ionic website so don’t think it will work. Click on the year to see the wheel selector. Ionic Framework Docs ion-datetime | Ionic Documentation ion-datetime: Ionic API Input for...

View Article

Introducing: Capacitor Barcode Scanner Plugin

in your build.gradle (module) add these lines compileOptions { sourceCompatibility JavaVersion.VERSION_17 targetCompatibility JavaVersion.VERSION_17 } kotlinOptions { jvmTarget = "17" } }

View Article



Plugin Using Core Data

@swernimo0, did you ever manage to get Core Data working with Capacitor?

View Article

Ionic 8 LoadingController and HTML content

Using @ionic/angular@8.4.0 here’s the code-snippet from the docs. import { Component } from '@angular/core'; import { LoadingController } from '@ionic/angular'; @Component({ selector: 'app-example',...

View Article

Ionic 8 LoadingController and HTML content

IonicSafeString is the proper way but you need to set innerHTMLTemplatesEnabled: true in your Ionic config. I tested this in Vue and it worked with HTML. const loading = await...

View Article

Ionic 8 LoadingController and HTML content

Thanks, that did the trick! Actually you apparently don’t even need IonincSafeString as long as you set innerHTMLTemplatesEnabled: true

View Article


Ionic 8 Angular 18: "The above dynamic import cannot be analyzed by Vite."

I already had provideIonicAngular() in my main.ts when I encountered this issue, so it seems this may not be the solution for everybody.

View Article

Ionic 8 Angular 18: "The above dynamic import cannot be analyzed by Vite."

Try to find if you have any call to ionicModule or any component that you use that is only calling @ionic/angular and not @ionic/angular/standalone, for example I had the modals imported not as...

View Article

Does Ionic intend to keep supporting React same as Angular?

Looking at the commit history for the React Router integration, it was mostly written by liamdebeasi, sean-perkins, and elylucas. None of those three developers are working at Ionic anymore.

View Article


Problem after upgrade to capacitor 6 with capacitor-firebase/authentication

hi, I have an Ionic/capacitor app that uses @capacitor-firebase/authentication for social logins with Facebook and Google that work fine with capacitor5 and @capacitor-firebase/authentication...

View Article


Call-number plugin not working in ios 18

Hello, I had installed @awesome-cordova-plugins/call-number plugin for making call. It is working in ios less than 18 but not working in ios 18 and above. Give error message CouldNotCallPhoneNumber in...

View Article

Introducing: Capacitor Barcode Scanner Plugin

When I call the scanBarcode() method the app crashes on Android 14, logcat: java.lang.NoSuchFieldError: No field Companion of type Landroidx/camera/lifecycle/ProcessCameraProvider$Companion; in class...

View Article

Call-number plugin not working in ios 18

The underlying Cordova plugin was archived back in 2022 so I would look for a different plugin or fork it and add support for iOS 18 - GitHub - rohfosho/CordovaCallNumberPlugin: Call a number directly...

View Article

Googleapis giving error with polyfills

I have a project that was running smooth and clean, then when I added Googleapis library I got several errors like this: Error: Module not found: Error: Can’t resolve ‘http’ [ng] BREAKING CHANGE:...

View Article


Google/Apple Pay recurring payments through Stripe API

Hi, I am using Ionic Angular for Mobile development and .Net Core in the backend. I have implemented Recurring payment (Stripe Subscription) through Card. However, I am not getting any thread on how...

View Article

Google/Apple Pay recurring payments through Stripe API

Maybe check out the Capacitor Stripe package - GitHub - capacitor-community/stripe: Stripe Mobile SDK wrapper for Capacitor

View Article


Ionic JavaScript Obfuscation

I have a problem with JavaScript obfuscation in my Ionic 6 - Capacitor 6 - Angular 14 project, I followed the official guide using javascript-obfuscator and I can see the obfuscated files correctly...

View Article

Live reload repeats infinitely after upgrading Ionic and Angular

I have the same issue. Any ideas on what has gone wrong? Here is my Ionic info: Ionic CLI : 7.2.0 (hidden path) Ionic Framework : @ionic/angular 8.4.0 @angular-devkit/build-angular : 17.3.11...

View Article


Image may be NSFW.
Clik here to view.

Introducing: Capacitor Barcode Scanner Plugin

Ayuob: ompileOptions { sourceCompatibility JavaVersion.VERSION_17 targetCompatibility JavaVersion.VERSION_17 } kotlinOptions { jvmTarget = “17” } } That throws A problem occurred evaluating project...

View Article

Live reload repeats infinitely after upgrading Ionic and Angular

Another interesting thing. This seems to be happening in Chrome (v131.0.6778.85 installed). Viewing the app in Firefox does not cause live reload over and over again.

View Article

Image may be NSFW.
Clik here to view.

Live reload repeats infinitely after upgrading Ionic and Angular

This is to do with the service workers as now the SWs are enabled in development. I can’t remember the fix that I found online but one way to resolve it the first time you run your development is to...

View Article

Rejoin sha dj drugs ck xe nz dhood dikit

thenga slv chellu xerox zie o sidelong zig dji zol orange

View Article


Image may be NSFW.
Clik here to view.

Introducing: Capacitor Barcode Scanner Plugin

into app level gradle add this to dependencies implementation 'com.github.outsystems:osbarcode-android:1.1.5@aar' implementation 'com.google.mlkit:barcode-scanning:17.3.0' implementation...

View Article



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>