I have tested it on Chrome’s iPhone emulator, tested it on my iPhone, and safari on my mac. The Android version works fine. No errors thrown. The only error is saying web manifest could not be found, but it says that for Android too and it seems to work fine. I have tried setting mode=‘md’ in app.modules and no luck. iPhone will not allow any interactions, I deleted everything and just added a button and still, the button won’t click. I added a timer, and the timer ticks, but you cannot click on anything. No tap events gets registered.
↧
Cannot click anything on Ionic PWA iOS
↧
Vue dev-serve returns stale content
All Ionic Vue apps are configured to use vue.config.js. We don’t ship the file with our starters since there is no special configuration needed for Ionic Vue to work.
You can create the vue.config.js file and add your Webpack config: Configuration Reference | Vue CLI
↧
↧
App blank when testing on android device
Im trying to test an ionic app on an android device ( sm-t560 with android 7 ) but just it shows in blank and doesnt set “.hydrated” and other classes on the components to be rendered… i followed the steps from the docs, just created a vue tabs app and followed the steps on android project setup… but when running the app on the browsers it loads normally.
any solution? thanks.
↧
How to enable ion-content bounce effect when scrolling?
I don’t know why the scrolling on the ion-content doesn’t trigger bouncing.
Code
<ion-content>
<ion-item mode="ios" class="ion-no-padding" detail="false" lines="none" button (click)="action1()">
<ion-label>
{{ 'ACTION_1' | translate }}
</ion-label>
</ion-item>
<ion-item mode="ios" class="ion-no-padding" detail="false" lines="none" button (click)="action2()">
<ion-label>
{{ 'ACTION_2' | translate }}
</ion-label>
</ion-item>
<!-- Other ion-items -->
</ion-content>
ionic info
Ionic:
Ionic CLI : 6.13.1
Ionic Framework : @ionic/angular 5.6.11
@angular-devkit/build-angular : 12.0.0
@angular-devkit/schematics : 11.2.5
@angular/cli : 11.2.5
@ionic/angular-toolkit : 3.1.1
Cordova:
Cordova CLI : 10.0.0
Cordova Platforms : android 9.1.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 5.0.0, (and 19 other plugins)
↧
How to reduce video size?
Thank you for response. I capture a video using Media-Capture plugin but this video size more than 100mb. So I want to reduce video size less than 50mb. How can I reduced size of video file?
↧
↧
IonPage: useEffect with history.listen
I’m not sure what you’re trying to do, but one way I got around the multiple listeners problem is to put a single listener directly in the router like this:
<IonReactRouter>
<ListenerAppRouterAnalytics />
<IonRouterOutlet>
<Route exact path="/">
<Redirect to={routeTabWelcome} />
</Route>
And then my component:
const ListenerAppRouterAnalytics: React.VFC = () => {
const location = useLocation();
// Set the screen name for each router path.
useEffect(() => {
const path = location.pathname + location.search;
// console.log('setting screenName for path', path);
analyticsSetScreenName(path);
}, [location]);
return null;
};
I’m not sure if this is the best approach but I haven’t noticed any problems so far.
↧
QRCode scanner for Cordova under Angular 12
My Ionic 5 project uses Angular 12 and Cordova, now I need to scan QR-Codes (for covid green pass)
I tried GitHub - zxing-js/ngx-scanner: Angular (2+) QR code, Barcode, DataMatrix, scanner component using ZXin but doesn’t install with Angular 12
I tried GitHub - bitpay/cordova-plugin-qrscanner: A fast, energy efficient, highly-configurable QR code scanne but it doesn’t work well on Android 11 and latest iOS versions
All blog posts found are outdated or simply no longer valid for new version of Android
I can’t downgrade to other Angular versions
Any hints?
↧
QRCode scanner for Cordova under Angular 12
Capacitor an option for you?
There are also js based scanners
↧
HR Management Software
Hey there, I am looking for an HRMS. Please suggest the best HRMS.
↧
↧
HR Management Software
No HRMS Software is perfect in itself. Every software has it’s own pros and cons.
Gusto – Best HR software for small business payroll.
Deputy – Best for never worrying about scheduling again.
Freshteam – Best talent management solution.
In my opinion, you can consider these. But your requirements might be different. So, I recommend checking it’s pros and cons online. It will help you choose the best HRMS for your needs.
↧
State Manager for Ionic5 with Capacitor
Hi,
I’d like to use in the next app a State Manager.
I’d like to use it to manage the profile of the logged user and some data of the app.
Which is your experience with State Managers?
Which is the suggested library for Ionic 5?
Thank you very much for your help.
Claudio
↧
Android App crashes with local notifications when upgrading to Capacitor 3
Could it be because the above methods are handled by a class that is created as a singleton?
↧
QRCode scanner for Cordova under Angular 12
No, must be cordova
I can google to find js scanners but then I must test them under angular 12 + ionic 5, may you give me some name for components working well?
↧
↧
Unable to Access Ionic Dashboard
Problem resolved by Ionic team. Also thanks for suggestion too.
↧
Trying to create app for reading whatsapp .status folder
I am creating app like status saver using ionic. I have added this line on AndroidManifest.xml. But when i am installing app its asking permission to access files when i allow its only accessing media not all files. How to achieve this.
↧
How to test apps Live Location Movement Update on map without Moving with Mock Location Setup
Hi,
What I did is →
- I have created an Ionic App with Here Map service and drawn polyline with some co_ordinates
- Implemented watch and display user position on the map with marker
What I need is->
- If I went out with the apps I can see the location changes on the map polyline
- I need to test without manual movement, need to test with mock location service
3.my app wants to receive mocked location co_ordinates, - co_ordinates can send by following the app in play store https://play.google.com/store/apps/details?id=ru.gavrikov.mocklocations&hl=en_IN&gl=US
- else I need to test with emulator route co_ordinates
note: My app is made up of capacitor plugin, can get any ref or idea to test live location without manual movement in capacitor plugged ionic app
↧
Content wont get rendered if behind footer
Hey,
im currently facing the strange “bug” that components which are behind my footer wont get rendered.
My behavior: i have some controls in my footer like a navbar and i added a possibility to make the footer kinda fullscreen for bigger buttons and clearer interface.
thats the page behind the footer which should get rendered:
at the bottom is the footer with one button. For testing i added a button to enlarge the footer on the right.
the footer in full size looks like:
so when i start the app where the footer is initially full size and then close / make it small.
the page behind it is empty only the background is rendered - also the DOM is empty.
the only changes between the different footer sizes is the hight: “height: 100vh;” and i add a background.
is there any possibility to force the rendering or trigger a refresh?
↧
↧
NSURLConnection error 1100 while running ionic app on iOS
ya i also asked the question on SO. here is the link: angular - NSURLConnection error 1100 while running ionic app on iOS - Stack Overflow
but i guess its a bit late ^^’
↧
QRCode scanner for Cordova under Angular 12
I have taken the js implementation from the capacitor code
Fairly easy to adapt into any web project imho. And curated fairly recently
↧
How to store data for my app
Good morning everyone !
I have an idea of a quizz app. I want to store them on firebase. Like that I can add some questions without having to upgrade my app. But if I use this solution, it means that my app always need internet to run. Do you have a solution to this issue ?
A solution can be to stock the questions on firebase and when the app is launched :
If there is an internet connection : download the latest questions on a local databse (but I don’t know how)
If there is not an internet connection : use the questions that are already saved.
Do you have already experienced something like that ? And can you guide me during this long journey ?
Have a nice day !
↧