I am working with Ionic framework and noticed this issue when emulating the app on ios.
If I try to emulate my app on iPhone the status bar is hidden, but if I try to emulate on iPad the status bar overlaps with my app screen.
To emulate I use this command:
ionic emulate ios --target="iPad-Air"
This is an example image that shows what I mean by overlap. The "TOP OF MY CONTENT" overlaps with status bar.
Here is the example that does not overlap:
And this image shows what I mean by hidden status bar:
The the status bar on the left image is visible and on the image on the right is hidden.
My questions:
Why if I emulate on iPad as target: ionic emulate ios --target="iPad-Air" the status bar overlaps with my app page, but when I use iPhone as target: ionic emulate ios --target="iPhone-6-Plus" the status bar is hidden?
How can I hide the status bar or at least force it not to overlap with my app screen?
I have already found some answers to modify the config.xml like this:
<preference name="StatusBarOverlaysWebView" value="false" />
But it does not work.
Related
I want to run our Nativescript app in the iOS emulator so I can make screenshots of different sizes. However, the top bar that shows the title and the back button isn't shown in the emulator. If I click on it, the button does work, but it's not visible.
How can we get the top bar to be visible in the emulator?
See here the difference:
Screenshot from my iphone including top bar:
Screenshot of emulator:
Updating nativescript to "#nativescript/core": "~8.1.0" resolved this issue :)
i am using ons-navigator
When i test it on iphone it looks like
iphone
and when i test it on android devices it looks like
android
There is some padding added to the top of the page when running on iOS since the status bar is part of the app.
To disable this behavior you can run
ons.disableAutoStatusBarFill()
After loading Onsen UI. However, in most cases you want to have the padding in the status bar.
Why does the launch screen view get misaligned in iOS 8 when running the app with an enlarged status bar? See the attached image for details:
The launch screen view seems to be cropped/resized from bottom by 20 pixels
The Home screen background shows underneath (the red arrow)
The LaunchScreen.xib has auto layout enabled and Info.plist has the following settings:
Status bar is initially hidden: NO
View controller-based status bar appearance: NO
Status bar style: UIStatusBarStyleLightContent
I'm using Xcode 6.3.1 (6D1002) and running the application in iPhone 6 with iOS 8.3.
I'm having an issue where it seems the status bar in my launch image is simply getting shown over the system status bar rather than getting cropped out. This results in a nasty jumbled look while the app launches (see below).
It's even worse on an actual device as the Carrier and battery icon are also overlaid.
This is the same issue as iOS Default.png status bar not drawn over; however, Xcode won't let me apply a launch image with the status bar cropped out as it's too small.
My images are all the correct size. I created them by saving screenshots from the iOS simulator. I wouldn't mind hiding the status bar during launch but this just shows the static status bar from the launch image.
Any ideas?
Thanks!
You shouldn't replicate the status bar in your launch image, I assume you are using a simulator screenshot as your launch screen.
To overcome that, open that screenshot in a photo editing app (as PhotoShop), and hide the status bar with a layer having its background color.
I FOUD THE SOLUTION ! Just add the source "http://repo.hackyouriphone.org" and then install the package "statusbarfix2" next you make a respring and everythings is good! it worked on 4, 4s, 5 and 5s :)
I tried removing the status bar from my Default.png images, but under iOS 6 apps seemingly load with that blue-tinted bar, and since my app uses a black one it doesn't work.
For example, the Facebook app on cold launch has a launch image which uses the user's status bar.
The app will not use the status bar from the launch image. In fact, for the iPad launch image, you have to crop out the status bar. For the iPhone launch images, XCode automatically crops them for you.
Set the tint of the status bar during launch in your project summary settings.