Post your code from your file…
Open existing DB
IonRouterOutlet has no animation in Ionic React 5.1.1
I am having some issues with IonRouterOutlet
using Ionic React v5.1.1. I have created a new project using the tabs template, and straight out the box I am seeing no animation for page transitions. According to the docs, the RouterOutlet shoudl control transitions.
The
IonRouterOutlet
component provides a container for Routes that render Ionic “pages”. When a page is in anIonRouterOutlet
, the container controls the transition animation between the pages as well as controls when a page is created and destroyed, which helps maintain the state between the views when switching back and forth between them.
Am I missing something here? I feel like I may be misinterpreting the docs.
Slowness in app after multiple no of records in list
You are asking for wild guesses as to what could be going wrong…
Post your code that which loads and displays the data, then maybe someone can be able to help you from that point…
IONIC 5 - ANGULAR 9 - VIMEO - Refused to load the image 'android-webview-video-poster
Estou obtendo erro de CSP ao tentar adicionar um vídeo do VIMEO incorporado em um iframe.
HTML:
<div>
<iframe id="frame" [src]="this.sanitizer.bypassSecurityTrustResourceUrl('https://player.vimeo.com/video/ID-VIMEO')" width="100%"
height="200px;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay; fullscreen"></iframe>
</div>
Já coloquei no index.html a metatag:
<meta http-equiv="Content-Security-Policy" content="default-src * gap:; script-src * 'unsafe-inline' 'unsafe-eval'; connect-src *; img-src * data: blob: android-webview-video-poster:; style-src * 'unsafe-inline';">
config.xml
<allow-intent href="android-webview-video-poster:*" />
<allow-navigation href="*" />
Também testei o plugin ngx-embed-video como no repositório:
ngx-embed-video-example
Mesmo assim obtenho o erro:
Refused to load the image 'android-webview-video-poster:default_video_poster/***************’ because it violates the following Content Security Policy directive: "img-src ‘self’ data: https://i.vimeocdn.com https://secure-b.vimeocdn.com https://f.vimeocdn.com https://vimeo.com https://secure.gravatar.com https://i0.wp.com https://i1.wp.com https://i2.wp.com https://pagead2.googlesyndication.com https://player.vimeo.com https://.ci.vimeows.com https://f.vimeocdn.com"
Alguém consegue me ajudar?
Ionic 4 using firebase for login screen
I just want a help on my project that is giving error using firebase on the login screen
How do I increase the "" active segment border width in Ionic segment?
Hi Mike, I have tried this. I am using v4 of Ionic, it doesnt work there. Where as I have another app where I run with v5 and Segment Tabs when altered with --indicator-height
works fine.
So is there an alternative solution for this where I can override the style?
Apple Pay and Google Pay do they work on Ionic?
I’d also love to know how you managed to have Google Pay working with Stripe Checkout in an Ionic app
EBUSY: resource busy or locked
This is a problem with the java process, look here:
Open specific page when app is not running
Hi sir I have implemented above code it’s working only in background and foreground but if app is kill then tap notification page is not redirected in such case.
Can you tell me why it’s not redirected if kill then app?
Module '"@angular/compiler-cli/src/ngtsc/diagnostics/src/error_code"' has no exported member 'ngErrorCode'. Did you mean 'ErrorCode'?
(topic withdrawn by author, will be automatically deleted in 24 hours unless flagged)
How to make a popover menu?
You probably forgot to register your page in app.module.ts
Slowness in app after multiple no of records in list
This is what virtual scroll was invented for.
Use NFC scanner on browser with mobile phone
As far as I understand, the native plugins are only for a phone device, so like camera, and such is only available there. Would it be possible to use native features on a browser, but on the phone? So like on my android phone I can go to the website and use the ionic plugins there. I wanted to use the ionic NFC scanner that works on the phone while using the browser, would that be possible?
Btw I’m using Ionic 5.
Ionic 5, FCM plugin does not request permissions to receive push notifications
Thank you solved it for me!
[Ionic Tutorial] Beautiful Custom Tabs with Custom Icons
This is awesome… Great stuff @reinerluke97
[Ionic Tutorial] Beautiful Custom Tabs with Custom Icons
A little adjustment to the tabs.page.scss on line 5: is to adjust the margin as below which gives it a proper centering and alignment. Good job @reinerluke97 once again.
margin: 5px auto 0px !important;
Total canvas memory use exceeds the maximum limit (224 MB) on ios
Hello, we are building an ionic app to show layers on maps using openlayers. Everything is working well on android but on ios when we load the second project we will have the following warning and error.
warning: Total canvas memory use exceeds the maximum limit (224 MB)
error: Unable to get image data from canvas because the canvas has been tainted by cross-origin data.
I googled it, I think that the problem on ios is caching canvas of the map and when exceed the 224MB the app don’t crash but don’t show any layer on map and gives the above warning and error.
So is there anyway to not cache canvas on ios?
thank you in advance.
Hide Tabs in desktop view
Thanks, that worked great for me.
Ionic rect disable side menu on login and register page
Thanks for your response @aaronksaunders Im using firebase as my backend. your approach put me in the right direction. I’ll check how to make it work with firebase.
Ionic 3 to 5 Upgrade
We are seeking a very experienced Ionic developer to upgrade our application from Ionic 3 / Angular 5 to Ionic 5 / Angular 9. This individual should have the following experience:
Angular 4-9, Ionic 3-5, Node.js, Typescript, CSS & SASS, MYSQL, Redis
Developer should have full-time or close to full-time availability for this project and preferably be located in the US, Canada or UK.
We love Angular and Ionic and so should you!