statusbar / header appears in iOS-11. How will i hide it? - ionic-framework

I made an ionic application. Still works perfectly in iOS-9 and iOS-10.
Today, i update iOS-10 to iOS-11 and i also update xcode-8 to xcode-9.
There is a strange issue in iOS-11. See below image for the issue.
When, i was build the app in xcode8 and ios10, the header/stautsbar was not appears.
But, when i update xcode8 to xcode9 and ios10 to ios11 then this issue occurs.
Please tell me, how should i hide it or make it transparent.
Thanks in advance

finally i found a solution.
i installed plugin
cordova plugin add cordova-plugin-disable-ios11-statusbar --save
Then build and run the app the issue will be solved

Add this to your viewport meta tag viewport-fit=cover

check the blog (iOS 11 Checklist)
ionic cordova plugin rm cordova-plugin-statusbar
ionic cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git

Related

Ionic 4 blutooth printer not showing

Is there any plugin available for Blutooth POS printing in ionic 4. I have searched a lot.. but didnt get any proper working solution. Normal printing is working with https://ionicframework.com/docs/native/printer. But blutooth devices are not showing.Any other method to do this ?
Try BluetoothSerial
ionic cordova plugin add cordova-plugin-bluetooth-serial
npm install #ionic-native/bluetooth-serial
for detailed info
https://levelup.gitconnected.com/how-to-print-on-a-bluetooth-printer-using-your-ionic-application-ceabc45abf75
You can try using DatecsPrinter, it's a good plugin. It works for printing text, barcode and images.

Warning in IOS build while validating app

How to remove warning _setAlwaysRunsAtForegroundPriority in IOS?
Always found this warning when I am trying to release my app to app store. Can any one have experienced of it please help
As per my experience, It's a warning you can ignore it still if you want to resolve this warning you need to update your webview plugin to the latest version and this will remove above warning.
Follow the below steps:
cordova plugin rm cordova-plugin-ionic-webview
cordova plugin add cordova-plugin-ionic-webview#latest
Will install the latest version of WebView Plugin and after onwards you will not get above warning.
Ref Link of this warning reported
Hope this will helps!

Local notifications not working in Ionic 3

I am new to Ionic 3 and I implemented Local notifications using plugin https://ionicframework.com/docs/native/local-notifications/ and it works just as expected, but every time I push my changes and take a pull again, I need to re-install the plugin and build again.
Any solutions?
Referring to this link, the correct way to install local notification plugin for Ionic 3 is by using ionic cordova plugin add de.appplant.cordova.plugin.local-notification
Most Ionic 3 users have CLI version 3 and above. Hope this help to others too!
As mentioned in the first comment in my question itself, the problem was resolved, so I am closing this topic by posting an answer.
I got the fix, it was this line in my package.json file that was causing the problem:
"cordova-plugin-app-event": "file:node_modules/cordova-plugin-app-event"Changing the path of the plugin fixed the issue.

ionic v2 error ionic view

I'm developing an ionic v2 app but even working on ionic lab it gets a complete white screen on the ionic view. If I do the same withe the ionic v1 it works.
ionic start sample --v2
cd sample
ionic lab
ionic upload
It shows white but
ionic start sample
cd sample
ionic lab
ionic upload
It works perfectly. No changes on the code at all
Thanks
ionic 2 needs at least 4.4 android to work, lost a lot of time on this and there is nothing on the ionic website informing about that. Writing down here to help anyone in the future.
Ionic v2 supports android 4.4 and up. The older browser on pre-4.4 devices do not have the features needed for ionic2 and angular 2 to work. Though this can be fixed with crosswalk.
The supported platforms are list here:
http://ionicframework.com/docs/overview/#browser-support
You can go back to 4.1 with crosswalk it states.
ionic 2 needs at least 4.4 android to work,.. for more info debug app in chrome.
from ionic 2 Ionic officially stops to use ionic lab.
You can run and test your app in browser using command "ionic serve".
Ionic2 app was initially created with --v2 flag but now they removed it . So nothing happens with --v2
Better way to solve the code 1st time by running directly into android devices by
Ionic cordova run android or
Ionic run android
Then connect your device with your system and open chrome and enter chrome://inspect to the url
Now you can console log the the error and can find the way of solutions.
Now try to run by ionic view
Remove the platform and then add it again.
please try eionic start sample --type=ionic-angular

How do I install a specific version of crosswalk using ionic cli2

I currently have an ionic 1 project, but have just switched to using ionic cli2. I previously used to add crosswalk into my project, by running the following command, as mentioned here.
ionic browser add crosswalk
However, ionic cli2 no longer supports the browser command, and I am unsure how to install it in the correct way.
Any help would be appreciated.
It seems the answer is as follows:
I need to run
ionic plugin add cordova-plugin-crosswalk-webview