I can't get either mapbox or leaflet react to show up on emulator
in my app everything works great in the browser. Just no map will show up on emulator whether its mapbox or leaflet. I’m showing my leaflet implementation below. this is ionic info Ionic: Ionic CLI :...
View ArticleReact + Ionic 5 and routing
Hey guys, I’m working on an app that contains a set of routes: One is the “home” page, a page with 2 buttons that navigate the user to /login or /register. The other is the “dashboard” (user) page,...
View ArticleIon slides do not update with dynamic content
<ion-slides *ngIf="images !== undefined || images.length !== 0"> <ion-slide *ngFor="let image of images; let i = index"> <div class="img-wrap"> <ion-img...
View ArticleSelecting text in ionic should trigger an event ? how?
Well it has been done in JS, and I did it on the web version of my app using JS How do I do same for android app. What I essentially want is that I’d select text in my ionic app, and when I do so, I’d...
View ArticlebeforeRouteEnter next(vm => ()) callback not firing
next callback in beforeRouteEnter is not firing. Simple example: beforeRouteEnter(to, from, next) { next(vm => { alert('test'); }); }, Also tried with console.log, changing component data, etc. 1...
View ArticlebeforeRouteUpdate not fired when indirectly loading same route?
I’m not sure what should be the expected behavior with beforeRouteUpdate. It does get called if I add a router-link to my component with the same route and changed parameters. However, if I go to my...
View ArticleAngular routing and chrome extensions
I have built an ionic app using angular. I have a login screen that checks if a users details were accepted and redirects using router.nagivate([’/relativePath/’]). This works fine in both the mobile...
View ArticleClik here to view.
How to create bottom-sticking buttons idiomatically?
What is the idiomatic way to create a pair of Cancel and Done sticky bottom buttons that take up full width? Here is an example: IMG_D16F8CF741DD-11170×2532 174 KB I don’t see a way to do without a...
View ArticleSwipe Back Nav Flicker (iOS PWA)
I am currently facing an issue where the swipe to go back functionality flickers/flashes back to the “from page” (home page in this example) after the gesture before finally going back to the “to...
View ArticleHow to set a unique background color via scope styling
Using Ionic 5 .6.13/ Vue 4.5.12 Goal … I want the Home page to have unique background color, different from the remaining SPA ( #000000 during testing…) Setup … Single Page (Ionic/Vue) App…Using a...
View ArticleNetwork error when axios call has parameters on IOS
I’m using axios for all my api calls on my Ionic App with Vue. When I build my app on Xcode I got the error “Network error”. {"message":"Network...
View ArticleAvoid page transitions only for specific routes
Using Ionic 5.6.13 / Vue 4.5.12 / Capacitor 6.17.0 VueRouter Goal … I want to load some routes with no transitions/animations (depending on circumstance) Setup … Single Page (Ionic/Vue)...
View ArticleHow do you intercept the Ionic model for a hook when shown?
I need to set the data properties on an Ionic modal when the modal is presented (inside the modal component, which is a separate component), but I can’t figure out how to do that. I saw this thread...
View ArticleTaking a picture using the ionic-native camera plugin sometime makes the app...
VERSIONS: Ionic CLI (ionic -v): 6.12.1 cordova (cordova -v): 9.0.0 @ionic/angular: 5.2.3 @ionic-native/camera: 5.27.0 cordova-android: 8.1.0 Problem I have an Ionic app which uses the ionic-native...
View ArticleIonic + angular PWA freezes sometime and won't be able to navigate through pages
l have an ionic app and on browser, it works fine, but once l install the PWA on the mobile home screen, l can watch at least 2 videos over a media player then after finishing a quiz the app tabs...
View ArticleEvents SDK facebook Ionic /4
How can I activate the events of the facebook SDK in Ionic4 to track the campaigns in my app? 1 post - 1 participant Read full topic
View ArticleComponents from different route paths loads in every route enter
Hi, I just started my project with Ionic Vue and I love it, however I have a problem I don’t understand completely. Maybe I don’t know some mechanisms or I screwed up something. Let’s say I’ve got...
View ArticleCopying Resources
Today i have generated my icon and my splash screen on https://apetools.webprofusion.com/#/ because cordova-res and ionic cordova resources made the icons look worse. From that website i get the...
View ArticleClik here to view.
Angular 12: Interface 'HTMLIonIconElement' cannot simultaneously extend types...
After upgrading to Angular 12, I get the following error when running ionic serve: [ng] Build at: 2021-08-30T19:51:32.148Z - Hash: 7a7351ce16a902a5c859 - Time: 1247ms [ng] Error:...
View ArticleImplementing in-app oAuth flows with Ionic and Capacitor Browser
Are there any examples of Ionic apps that have implemented a “native” oAuth flow? Click on login with X from the app Open in-app browser Login Browser closes and user is logged in I assumed this would...
View Article