Questions tagged [ionic6]
The ionic6 tag has no usage guidance.
112
questions
0
votes
0
answers
17
views
Ionic 6 date-time picker
I’m having some trouble using ionic 6 with the new date-time picker.
I retrieve my value from the database (through a nest service)
In my database, the date is : “2022-06-30 13:11:54”
When I retrieve ...
0
votes
0
answers
22
views
Ionic tabs within page
I have an Ionic 3 Angular app that I'm trying to upgrade to Ionic 6.
The app itself is not tabbed, but there are pages within it that have tabs.
A simplified example:
foo.html:
<ion-header>
&...
0
votes
1
answer
23
views
Ionic 6 : ion-datetime opens keyboard on mobile device
I'm using the ion-datetime component from Ionic 6 with ionic/angular.
The time-selector is opened, a pop-over is shown with two ion-picker-internal to select hour and minute. You can swipe up and down ...
-1
votes
0
answers
21
views
Clear all pages from the router history when the user sign out
My stack is Ionic 6 + Vue 3 ... How can I delete all subpages from the vue router history when the user sign out? Because all pages remain in the memory .. But i need use router history with router....
0
votes
0
answers
25
views
How to write code of HTTP request to upload files to Firebase Hosting
I will like to upload files to a firebase hosting site. I have read through the documentation but I'm not able to write the code to make the http request.
Reference:
https://firebase.google.com/docs/...
0
votes
0
answers
9
views
ionic 6 FAB in front of inlineModal
I want to take the FAB as a order Button. When you click a item a Card Modal opens but now the FAB is in the Background. It should work like a submit button in a Form. Is there a reason to keep it in ...
1
vote
0
answers
19
views
Why multiple marker of google map is not showing in android emulator for ionic 6 apps?
I am new in ionic. Currently I am working on google map feature. I am able to draw route between source and destination and show multiple markers. It is working fine in browser but not in android ...
0
votes
0
answers
16
views
Unable to add android platform
I am doing a ionic 6 project having node -v v16.13.1 and npm -v 8.1.2
I did "npm install" and after that when i run "ionic cordova platform add android" i get the below error. I am ...
1
vote
1
answer
26
views
Ionic Menu remove highlight line
Community, I was coding a side menu at the slot end and when I open the menu for the first time by using an image and menu controller to open it appears a highlight line on all the screen borders. ...
0
votes
0
answers
53
views
Getting android:exported error even if it exists in AndroidManifest.xml
After I installed cordova-plugin-x-socialsharing plugin into my ionic cordova project I am getting the below error when executed build command:
> Task :app:processDebugMainManifest FAILED
D:\...
-1
votes
0
answers
10
views
When we call MediaCapture.captureVideo, app closes automatically in IOS device
When I call native events like taking a photo, recording an audio or video on an IOS build, the app closes automatically. But it's working on Android and browsers including Safari.
I am using ...
0
votes
0
answers
10
views
document scanner showing low memory in ionic application
Ionic Cordova
I implemented the ionic Cordova document scanner last year it worked fine when I implemented it but showing this warning for the last 1 month, but my app is working fine.
I have attached ...
1
vote
1
answer
76
views
Ionic 6 Capacitor 3 Share Plugin Not Working with Android 12
import { Share } from '@capacitor/share';
openSocial() {
Share.share({
title: 'See cool stuff',
text: 'Really awesome thing you need to see right meow',
url: 'http://ionicframework.com/',
...
0
votes
1
answer
38
views
How to Edit and Delete Get/Post API Data in Ionic?
I can not under Stand How to Edit or Delete Get/Post API data in Ionic.
I'm tried to Edit And Delete ionic Post/Get data using API.
please some body help me in this ionic operation. it's argent to ...
0
votes
0
answers
37
views
SSL Pinning Issue with Ionic6 + Capacitor2/3 + Angular12
I am working on ionic 6 with angular 12 and capacitor 2,
where am trying to pin my ssl certificates, its works perfectly with devices and simulators,
but does not work properly with web / browser.
I ...
-1
votes
0
answers
36
views
Ionic 6 capacitor SSLHandshakeException
I am developing a mobile app using ionic 6 and capacitor. I want to perform http requests to a secure backend api, but the request fails with SSLHandshakeException. I am not even sure how to debug ...
0
votes
0
answers
28
views
Are there way to replace User-Agent in ionic?
The plugin that was originally used seemed to be disabled in ionic 6.
If anyone knows how to do it, please let me know.
https://ionicframework.jp/docs/native/user-agent/
0
votes
2
answers
72
views
Angular number pipe doesn't work in a modal
I get an error - Error: NG0302: The pipe 'number' could not be found! when I used it in a modal of my Ionic Framework Angular app. The code below works fine in the parent page and other places in ...
1
vote
1
answer
77
views
Problem with SweetAlert2 and Ionic6 not visualizing correctly
I have a Ionic Project written on Ionic 5 Angular that has some popups using SweetAlerts2.
Today I decided to update Ionic to Ionic6 and SweetAlerts2 popups doesn't look right. Like the alert is only ...
-1
votes
1
answer
71
views
Choosing router transition in Angular Ionic 6
I'm using Ionic 6 with Angular and sometimes Ionic includes some nice animation when transitioning between routes. Can I choose which animation will be used when I navigate using route.navigate(['path'...
2
votes
1
answer
77
views
Tab Bar not displaying on Mobile Browser when using AWS Amplify Authenticator with Angular
I am building an app with Ionic 6, Angular 13, and using AWS Amplify Authenticator. I have successfully implemented this but the issue I am running in to is that the tab more does not render on mobile ...
0
votes
1
answer
33
views
Ionic V6 - ion-segment show too much white space between cards once filtered with ng-if
I have added ion-segment to my page which has a list of cards with different cases. If I don't use segment, the space between the cards is very normal. However, with the use of the segment I have to ...
0
votes
1
answer
35
views
Ionic OneSignal Push Notification set the root instead of pushing it from Home to Another Page
I'm having an issue with my OneSignal push notification page redirection. When I tap on my push notification when the App is running, it pushes the page (news-detail) to stack from the current page (...
0
votes
0
answers
26
views
How to add option in setting to pick a directory for downloads in ionic 6
Is there any way, a user can select the folder where he wants to store downloaded files from the app. I am searching all over the internet and found cordova-plugin-chooser but I don't see any way to ...
0
votes
0
answers
13
views
IONIC 6 'UploadMappingFileTask' property 'googleServicesResourceRoot' doesn't have a configured value
When I try to build an android with command ionic cordova build android --prod --release build is failing with the error shown below :
FAILURE: Build failed with an exception.
What went wrong:
A ...
0
votes
0
answers
63
views
Ionic 6 (Angular) toast message never show up on the screen
I am currently using browser to test the application. I've implemented the toast message like in the documentation. Although the element is generated on the html when I look in the Elements with z-...
0
votes
0
answers
25
views
Trying to run Ionic 6 project on external phone using cordova
I'm trying to run a blank project of Ionic 6 on my external phone since it's easier for me to dev on an external since PC lags if I'll use an emulator. Ionic CLI shows this. ADB devices also shows my ...
1
vote
3
answers
86
views
Ionic 6 - Viewchild null in dynamic component loader
I´m developing an Ionic application that will have a form with controls created dinamically from JSON data.
load-child.directive.ts:
import { Directive, ViewContainerRef } from '@angular/core';
@...
0
votes
1
answer
90
views
Ionic 6 - Only half the header showing
I am using Ionic 6 / Angular and have this html in a component:
<ion-header [translucent]="true">
<ion-toolbar>
<ion-title>
Tab 1
</ion-title>
</...
0
votes
0
answers
19
views
when i have need to ionic 6 my my migration. then i have got the error like NullinjectorError in some module
ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(EnquiryModule)[[object Object] -> [object Object] -> [object Object] -> [object Object] -> [object Object]]:
...
0
votes
1
answer
29
views
How to convert incoming excel file to JSON in Ionic 6
I am using xlsx library to convert input excel file into JSON and it works fine but when I test on android it won't trigger reader.onload function. Please suggest to me what's the correct library to ...
0
votes
0
answers
6
views
Combine Ionic 6 and Andoird app into one as a module
I am creating an app in IONIC 6 and want to combine it with the Android app that is already built. Android app will be its master app and ionic will work as a module or a library. What's the best ...
0
votes
0
answers
96
views
ionic capacitor building app error when app launches
I have created a capacitor application form starter. I have installed few plugins and tried to build application through android studio. There is no error on building application but when it launches ...
0
votes
0
answers
88
views
Ionic Capacitor app rebooting Android 10 phone
I have an issue with an app I'm creating on Ionic 6, using Capacitor. It works as expected on Android 11, but refuses to open on Android 10, it crashes the phone completely (rebooting it). Here are ...
1
vote
0
answers
39
views
Cannot destructure property 'month' of 'parseDate(...)' as it is undefined. undefined - Ionic Date Picker
I have the following datepicker:
<ion-item>
<ion-label>Date</ion-label>
<ion-input
value="{{ date | date: 'dd-MMM-yyyy' }}"
id="date"
...
0
votes
0
answers
63
views
Angular Material and Ionic 6: mat-form-field does not work within an ion-modal
The problem is: when I put a mat-form-field inside a modal page it doesn’t work properly. Styles and behavior are completely broken. I have imported Angular Material in the project, And it works ...
0
votes
1
answer
151
views
Ionic 6 DateTime Modal Closes Background Modal
I have multiple stacked modals and for some reason when I open the modal that I have for the datetime component the second time, it will close the modal in the background.
Here is my explanation of ...
0
votes
1
answer
116
views
Cant set min and max date of datetime picker for ionic
In my ion-datetime I have dates to select. These dates are the dates provided from a function that finds the next available dates for delivery.
Here we have the function that gets the dates then set ...
0
votes
0
answers
40
views
ionic 6 Call Keep with Firebase Push Notification
Can I implement ionic Firebase push notifications to receive incoming calls even when the app is killed?
0
votes
1
answer
94
views
How can I modify the font size of <p> tag inside ion-card-content in ionic 6
Like the question, I am developing a project using vue 3 and ionic 6.
I want to change the font-size of the <p> tag in <ion-card-content>.
my page:
<ion-card>
<ion-card-header&...
0
votes
0
answers
75
views
Ionic 6 video call
Is there any way to implement video call in ionic 6? if I start the video call, the App will automatic open even if there is a background or foreground. I implement jitsi video call but I can't open ...
2
votes
0
answers
96
views
Ionic play HLS stream in background with Media Controls on Android
I’m building an app in Ionic 6 which needs to play an HLS stream. When the user hides the app (to the background) the stream needs to continue playing. Preferably with the possibility of using the ...
1
vote
1
answer
40
views
Ionic and Amplify Storage GRAPHQL_AUTH_MODE Error
My current setup is: Ionic, Angular, AWS Amplify (GrapghQl, DynamoDB, Authenticator, and Storage)
I had everything working until I added Storage following the instructions here.
After I installed ...
-1
votes
1
answer
39
views
Missing plugin SplashScreen in iOS with Ionic Cordova
I have an Ionic web/iOS application wherein I recently updated my code versions (ng10 to ng12 and minor bumps within Ionic 6) and the splash screen no longer hides. I did some looking and found that ...
0
votes
0
answers
50
views
Swiper.js left swiping is not working after open map by leaflet in Ionic 6
Open map by map.page.html.
[map.page.html]
<ion-content>
<div id="map" style="height: 100%">
</div>
</ion-content>
[map.page.ts]
ngOnInit() {
var ...
0
votes
0
answers
54
views
How to redirect Ionic web app to another website when device width change
I'm developing a web app with Ionic 6 that will be accessed on mobile browser, and I want to redirect users accessing the web app from laptop browsers to another website.
I mean when device width ...
0
votes
0
answers
74
views
ios simulator webview throws "Timeout has occurred"
I'm doing a simple mobile application which embeds a WkWebView to display my website using Ionic 6 + Angular.
I have tested my website with Chrome and Safari on Macbook, everything was fine until I ...
0
votes
0
answers
9
views
Is it possible to replace inbuilt gallery with our customised gallery in capacitors camera preview
Is it possible to modify capacitors inbuilt functionality with our custom code? Like I want to replace the capacitor's native gallery link with my customised gallery page in capacitor's camera preview?...
4
votes
3
answers
3k
views
Ionic6 Capacitor: After adding "cordova-plugin-advanced-http", app build in studio start giving error cannot find symbol CordovaPluginPathHandler
Please help resolving this issue. I was able to build app in android studio after command "ionic capacitor build android".
Android works fine until I added the plugin cordova-plugin-advanced-...
0
votes
0
answers
97
views
Ionic 6 react with react-query fetching API using Axios does not work on real android device (production) but works on emulator and browser(dev)
I have a form that submit data to a server using react-hook-form like this:
<FormProvider {...methods}>
<form onSubmit={handleSubmit(onIndividualSignup)}>
<Swiper
...