Quantcast
Channel: Ionic Forum - Latest posts

Best Way to play audio in android phone right now

const downloadAudio = async (url: string, filename: string): Promise<string> => { let fileUri = await Filesystem.downloadFile({ path: filename, url: url, directory: Directory.Data, recursive:...

View Article


Image may be NSFW.
Clik here to view.

Best Way to play audio in android phone right now

There are three plugins that I am aware of: GitHub - mediagrid/capacitor-native-audio: Play audio in a Capacitor app natively from a URL/web source simultaneously with background audio and background...

View Article


Image may be NSFW.
Clik here to view.

Capacitor stripe plugin hangs at createPaymentSheet

did you fix this i have the same issue

View Article

Image may be NSFW.
Clik here to view.

System Toolbar overlap

Hello, the problem is as followed: The ion-header is overlapping the systems toolbar. I found a thread but there is no definitive answer to it: click me Here are 2 pictures of my app showing the...

View Article

Handling Privacy Manifest Requirements with Outdated Firebase and Angular...

Hi, I tried this but I’m still being rejected by AppStore because of “Frameworks/Capacitor.framework/Capacitor” and “Frameworks/Cordova.framework/Cordova”. If I convert the .ipa to zip and open it I...

View Article


Login to tabs routing issue

I’m having issues with routing and tabs. Whenever the default loaded page is login, it won’t route to tabs, and it says it doesn’t exist. But when I load tabs first and then go to login, everything...

View Article

FormData() not working when run android --device

did you find any solution ??

View Article

Image may be NSFW.
Clik here to view.

Login to tabs routing issue

GENTRY00: chunk-LA7NJQBU.js:7 ERROR FirebaseError: Firebase: No Firebase App ‘[DEFAULT]’ has been created - call initializeApp() first (app/no-app). It would seem this is your issue. If JS is throwing...

View Article


System Toolbar overlap

If you use capacitor I resolved the same issue with this: Capacitor Android Edge-to-Edge Support Plugin - Capawesome

View Article


System Toolbar overlap

+1 to @AB-Ekovision’s answer.

View Article

Help with angular-output-target

Anyone know about this?

View Article

Login to tabs routing issue

i don’t think its the firebase initializing because if i were to, change the ’ ’ path in app. route.ts to what is comment out it is when I get the error but as it is it works fine.

View Article

Big Calendar on React/Ionic

Hello, I would like to implement a Big Calendar similar to Google’s (not just the date-time of the Ionic component) in my React/Ionic project. I have been searching for a suitable solution to...

View Article


Big Calendar on React/Ionic

I did a quick search and found: GitHub - vkurko/calendar: Full-sized drag & drop JavaScript event calendar with resource & timeline views https://fullcalendar.io GitHub -...

View Article

Image may be NSFW.
Clik here to view.

System Toolbar overlap

Thanks for the reply, I tried the plugin but I had difficulties importing the plugin. So now I found a native way to do it. I used the Capacitors native Status Bar. How I did it: 1.) Install the...

View Article


Big Calendar on React/Ionic

Hey Twestrick, could you please tell me which one is the best to customize based on the design and functionalities etc? Thank you in advance.

View Article

Image may be NSFW.
Clik here to view.

Problems with margin top, depending on device

Hi ionic staff I’m encountering problems with the margin top, depending on the device I’m it that’s a Pixel 9 >> that’s a Pixel 8 >> As you can see on Pixel 8 I have a button at top right...

View Article


Big Calendar on React/Ionic

Sorry, you are going to have to do that yourself. I’ve not used any of those.

View Article

Problems with margin top, depending on device

That’s interesting considering your header is in the right place. So that control button is being loaded behind the header on initial load? Please provide some code. Even better, a working example on...

View Article

Read Google Fit Data

Hello, I’m trying to read data from Google Fit on my capacitor mobile app. I have added Android permissions. <uses-permission android:name="android.permission.ACTIVITY_RECOGNITION" />...

View Article

Read Google Fit Data

In the future, sharing some code will help others understand your problem better and provide more accurate advice. – How do I ask a good question? - Help Center - Stack Overflow

View Article


Read Google Fit Data

Thank you for your interest. Yes I agree, it’s better with code, but I didn’t want to confuse anyone here with a long piece of code that is not really relevant. My main problem is the access to...

View Article


Read Google Fit Data

Have you double-checked the SHA-1 in GCP against the App signing certificate SHA-1 in the Google Play Console (under App integrity)? What is the current publishing status of your OAuth consent screen,...

View Article

Image may be NSFW.
Clik here to view.

Ionic tabs are breaking in generated apk

Please describe the question in detail and share your code, configuration, and other relevant info. I am using Ionic 8. Created one tab that works fine in the browser but is breaking on the device.

View Article

Ionic tabs are breaking in generated apk

Looks like some CSS isn’t being bundled. Are you using Ionic with a framework (Angular/React/Vue)?

View Article


Ionic tabs are breaking in generated apk

Hey twestrick. Thanks for the response. I have resolved the issue. Just replaced the import { IonicModule } from ‘@ionic/angular’ to import { IonTabs, IonTabBar, IonTabButton, IonIcon, IonFab,...

View Article

Read Google Fit Data

I double check the SHA-1 in GCP against the one in Play Console, yes, but I’m wondering that as I’m testing this in Android Studio, this doesn’t cause a mismatch between the SHA-1 in Play Console and...

View Article

Image may be NSFW.
Clik here to view.

Read Google Fit Data

maximeoffshift: I’m guessing that everytime I switch my computer, the SHA-1 in Android studio is different, what do you think ? Correct. maximeoffshift: Do you had to record yourself talking about the...

View Article

Camera Preview doesn't recognize orientation change

I am using Capacitor 7.2 and the camera-preview 7.0.1 and I cannot figure out how to get a photo taken in landscape mode to not be sideways. I have tried every possible iteration of...

View Article



Read Google Fit Data

Are you sure you really want to use Google Fit? AFAIK Google Fit is deprecated and Google Play will not accept any new apps with Google Fit. New apps should use Google Health Connect instead.

View Article

Problems with margin top, depending on device

I’m also wondering if this might have to do with how the button is positioned, maybe it’s absolutely positioned without enough padding for the status bar height on different devices? It might help to...

View Article

Calling api not working on ios real device Ionic 5

Any solution yet for this in 2025?

View Article

Image may be NSFW.
Clik here to view.

Calling api not working on ios real device Ionic 5

Calling api not working on ios real device Ionic 5 Ionic Angular If you’re going to necromance an old thread like this, here are some things you can do to drastically improve the odds of getting...

View Article


Calling api not working on ios real device Ionic 5

I keep getting: [error] - ERROR {“headers”:{“headers”:{},“normalizedNames”:{},“lazyUpdate”:null},“status”:0,“statusText”:“Unknown...

View Article

Image may be NSFW.
Clik here to view.

Announcing the Capacitor Secure Preferences Plugin - Capawesome

capawesome.io Announcing the Capacitor Secure Preferences Plugin - Capawesome Capawesome offers enterprise-grade solutions and services designed for teams building cross-platform apps with Capacitor.

View Article

Sheet Modal - scrollable content

Since this was a top search result for this issue here’s an update for 2025: there’s now an expandToScroll modal interfaceOption in Ionic 8: Sheet modals can be configured to allow scrolling content...

View Article


Image may be NSFW.
Clik here to view.

Capacitor don't store cookies

I added ‘localhost’ to the plish.info file, followed it this way, and it worked very well. capacitorjs.com Cookies Capacitor Plugin API | Capacitor Documentation The Capacitor Cookies API provides...

View Article


About the Blog category

Bloggr.ai can generate blog that rank higher on Google.

View Article

Error blank page after google login Ionic 7 Capacitor

Hello, I’ve got stuck on a blank page on chrome after I chose the google account I want to use for Log in on my App (Ionic 7 Angular + Capacitor), I am using GitHub - Cap-go/capacitor-social-login:...

View Article

Error blank page after google login Ionic 7 Capacitor

In the future, sharing some code will help others understand your problem better and provide more accurate advice. – How do I ask a good question? - Help Center - Stack Overflow

View Article

Error blank page after google login Ionic 7 Capacitor

There are too many things to keep in mind so i dont know what to show, its very basic application, i just need to know why the redirect uri is getting stuck on a blank page, what things should i...

View Article


Image may be NSFW.
Clik here to view.

Error blank page after google login Ionic 7 Capacitor

“too many things” and “very basic application” I would review the plugin docs to make sure you didn’t miss anything - capacitor-social-login/docs at main · Cap-go/capacitor-social-login · GitHub I...

View Article

Image may be NSFW.
Clik here to view.

Error blank page after google login Ionic 7 Capacitor

I did it but i have everything done, thats why P.S Thats what happen after clicking, what am i forgetting, what is wrong? I think its something related to AndroidManifest, or some cloud google...

View Article


Ionic in web. Hide browser address bar

Hey, try this for mobile browser collapse adress bar: <app-header style="z-index: 9999;"></app-header> global.scss: @media (max-width: 575.98px) { .fullscreen-container { position: fixed;...

View Article

Error blank page after google login Ionic 7 Capacitor

Anyone can help with a simple example to follow? No one gave me even any hint where to start looking…

View Article


Error blank page after google login Ionic 7 Capacitor

https://stackoverflow.com/questions/69314345/firebase-google-sign-in-gets-stuck-on-auth-handler-route i guess my error is the same as this one! if it can be more helpful…

View Article

Edge to edge Android

thank you so much, i’ve searched for some plugins but they didn’t work. however this plugin worked well. Cheers!

View Article

Image may be NSFW.
Clik here to view.

Announcing the Capacitor Biometrics Plugin - Capawesome

capawesome.io Announcing the Capacitor Biometrics Plugin - Capawesome Capawesome offers enterprise-grade solutions and services designed for teams building cross-platform apps with Capacitor.

View Article

Image may be NSFW.
Clik here to view.

A basic component w/ a column of icons and a list side to side

I’m Pretty new to ionic angular and not much of UI dev, so I hope I can get some help. I want to make a component that has two vertical columns in my a. a vertical column of approximately 8-12 buttons...

View Article


Ionic android 12 splash error while adding cordova-android@11

Has this issue been resolved?

View Article



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