Why dont you put this in a demo repository so that we can clone it and test it out locally.
↧
Update ion-list from subscribe not update data
↧
CalDav, EAS and IMAP
With questions like these…you need to remember.
Ionic is just the UI.
The only limitations to what kind of apps you can build is really your capabilities.
You’d probably do a lot of the configuration on the backend via node or some API, and not on the frontend.
↧
↧
Accessing @ionic/storage from Cypress.io
This would create a new storage object, but without any reference to Angular, which could be fine.
But check out how you would access regular providers in Angular with cypress.
↧
How to convert Camera Image to blob in ionic 5?
If you’re getting the base64 string, you can use a reference point from this stackoverflow post here.
↧
Generate Resources Failing
↧
↧
Ionic 5 slow on Android device first load of icons and other scripts
It’s hard to tell what the issue is from just that.
Do you have a sample of the project up on github?
Are you lazy-loading routes?
Whats the setup of the app look like?
↧
What does the .hydrated class do?
Sounds like a bug or something with either the plugin or ionic… can you recreate the issue in demo and push it to github?
As for the .hydrated class, that’s from the web component core. Basically, when everything is ready to render, we set hydrated and it will trigger a once global render.
↧
Ionic 5 compiling error rxjs
yes. I remove node_modules and reinstall modules “npm install”
The problem is in my commit, when I roll back to the previous commit, then even without reinstalling the modules, everything works. But I can not understand why the error in the system lib. 
↧
How to convert Camera Image to blob in ionic 5?
Here is the quick and easy way to convert data url to file.
dataURLtoFile(dataurl, filename) {
let arr = dataurl.split(','),
mime = arr[0].match(/:(.*?);/)[1],
bstr = atob(arr[1]),
n = bstr.length,
u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
}
return new File([u8arr], filename, {type: mime});
}
,,,,,,,,,,,,
,,,,,,,,,,,
,,,,,,,,,,
,,,,,,,,,
,,,,,,,,
,,,,,,,
,,,,,,
,,,,,
,,,,
,,,
,,
,
someFunction() {
this.signature = this.dataURLtoFile('dataUrlHere', 'fileName.png');`
const fd = new FormData();
fd.append('file', this.signature);
this.httpClient.post('url', fd).subscribe(res => {
console.log(res)
});
}
↧
↧
Is Ionic Storage good for an expense tracker app?
The thing to think is that @ionic/storage is a wrapper around localforage, and provides an adapter to sqlite.
So you’d be writing key/value pairs vs sql statements.
If that matters to you, use sqlite directly via the sqlite plugin.
As for overall performance, it’s all generally fast.
↧
Ionic-msal integration
Msadal is archived and no longer maintained , so if you try to use it in future for ios apps , apple store will refuse it …
↧
Ionic 5 slow on Android device first load of icons and other scripts
Thanks for getting back to me, I do not have a sample of the project on github unfortunately (I could possibly create one but it would take me a bit of time as I would have to strip out a lot of my code to stop it getting in the hands of the wrong people).
I have “PreloadAllModules” set in my app-routing.module file as per the following screenshot.
The setup of the App is fairly standard, it is Angular, I followed the migration guide by creating a new Ionic 4 Angular project then migrated over each page and service following the documentation updating any parts as necessary. I then upgraded to Ionic 5 which as you know if fairly straightforward once you are on Ionic 4.
Strangely enough, I have restarted the phone (Samsung Galaxy S8) and the problem seems to have resolved itself, very odd, even though I was completely closing down the App in between testing (because the issue only happened during the first loading of each icon so I needed to completely close the App to test the problem each time). Just as a note, the phone is a completely fresh install that is only used for testing this App so it doesn’t have any other applications etc running in the background or anything like that.
Without knowing the ins and outs of how Ionic/Cordova Apps run I am not sure if somehow there was a problem with the webview that the device was using that was only resolved by restarting the device? Hopefully, this was a one-off and not something that will happen again especially to users when it is live on the App Stores or not something that was caused by possibly some type of cache on the device getting full? Have you heard of anything like this before or is there anything I could check within my app to ensure I haven’t done anything that could result in an issue like this returning?
I did see a couple of other people reporting a similar issue when I was searching for a solution which makes me wonder if this isn’t just a one-off that has affected me and whether there is something in the way the App has been setup or the way Android devices work that could have caused this?
↧
[Ionic 5] Slides freezes
My slides are working fine in the first moment, but when I visit the slides a second time I am not able to swipe left or right.
I tried to debug it in Chrome and this is the Error I got: [Intervention] Ignored attempt to cancel a touchend event with cancelable=false.
My Infos are:
Ionic:
Ionic CLI : 5.4.16
Ionic Framework : @ionic/angular 5.0.7
@angular-devkit/build-angular : 0.901.3
@angular-devkit/schematics : 9.1.3
@angular/cli : 9.1.3
@ionic/angular-toolkit : 2.2.0
Capacitor:
Capacitor CLI : 2.0.1
@capacitor/core : 2.0.1
Cordova:
Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 7.1.4
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 4 other plugins)
Utility:
cordova-res : not installed
native-run (update available: 1.0.0) : 0.3.0
System:
Android SDK Tools : 26.1.1
NodeJS : v10.19.0
npm : 6.13.4
OS : Linux 5.3
↧
↧
Ionic 5 compiling error rxjs
I’m sorry, my IDE imported the service from the project to Ionic 3, so an error occurred
↧
How do I get the FCM device registration_id
To be clear, I’m asking for Capacitor support (not Python) needing to send the registration_id from Android to the backend, but this newbie doesn’t know how to obtain that token.
↧
Background-position incompatible for animation
Its declared on
how to work with animations.
But when using
‘background-position’
the compiler throws syntax error. I think in case of the “-” in the CSS keyword.
Any suggestion?
const animation: Animation = this.animationCtrl.create()
.addElement(document.querySelector('.hero'))
.duration(1000)
.iterations(Infinity)
.easing("linear")
.keyframes([
{ offset: 0, background-position:'0 0', opacity: '0', transform: 'scale(0)' },
{ offset: 1, background-position:'-170px 0', opacity: '0.99', transform: 'scale(1)' }
])
.fromTo('opacity', '1', '0.5');
animation.play();
↧
Height adjustment needed for 'First-class Progressive Web Apps' column on official ionic-react website
↧
↧
Source path does not exist: icon.png
hi
I have this error when I run
cordova build android
Source path does not exist: icon.png
↧
Are there unbundled modules on CDN?
I am building web application with ion- components loaded from Ionic CDN( jsdelivr ).
Most of pages do not use whole set of 70+ components, in worst case it would be a dozen. In order to load page fast, it would be easier to load only modules which actually used in page.
Q1. Is there a way to import individual module from Ionic CDN instead of bundle?
Q2. If there is no such ability, should the enhancement request be made?
↧
Image max height without squishing it
I have an image at the top of my page. I have the width set to 100% because I want it to fill the width of the page. But, when the internet window is fully open, the photo takes up too much of the page. When I set a max-height (or just “height”) the photo squishes. Does anyone know how to make it so that the photo stop at a certain part of the page and then instead of squishing, it raises the top part of the photo off the screen or something?
here is my html
<div class="heightLock">
<img [src]="stuff?.profileBack" [alt]="stuff?.name">
</div>
and my scss
.heightLock {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
}
.heightLock img {
width: 100%;
}
if i add the height, it squishes the photo. I also tried donig a bottom margin and a bottom padding and it did not help.
↧
