IOS UI below top bar - ios

I'm creating a snapchat style app and I'm trying to keep UI below the top status bar (Signal/Time / Battery bar). I have it working on test phones except for iPhone X. I'm not sure if I should be using the extend under top bars / bottom bars feature or not. Is there a way to keep the UI underneath the status bar for all iPhones?
Pre iPhoneX status bar:
iPhone X status bar:

SOLVED: Fixed issue in XCode in the storboard editor by changing the "View As: iPhone model" feature. From there I'm able to modify the UI for each different phone / tablet model.

Related

How to force UITabBar compact design when in landscape on iPhone X?

So, I'm having a problem with the UITabBar on iPhone X.
The problem is that the tab bar doesn't adjust the icons when it is in landscape mode, like the UITabBarController.
1 - I've set the safe area settings.
2 - I've put the tab bar inside a UI view.
But this only fixes the tab bar misplacement on iPhone X.
My problem is better described in the image below:
When running on iPhone 8 (anyone but iPhone X) the tab bar works like expected. But when running (the same view, with no changes) on iPhone X, the adjustment simply doesn't happen when in landscape mode. Is there a code that I should explicitly "tell" to the tab bar adjust?

screen breaking in iPhone x for higher iOS versions.there is no storyboards design done through code

In my project tabbar(it's like below the navigation bar i have 4 buttons in my tabbar) is going to top after app launches it's happening in iPhone x for higher iOS versions.we are not using storyboards,design done through codeing.check below screenshots.
In the first screenshot u can't see search bar and above tabs[location,search,deals this is the problem.
if u observe second one u can see address bar and above tabs for lowerversions it was working.
This is breaking screen for higher versions above ios11
This is for lower versions design is fine

ons navigator title bar show me extra height on ios devices

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.

Prevent iOS from displaying Call or Tethering Bar

I know it is possible to completely hide the status bar in iOS applications.
Is there a way to allow the regular slim status bar but prevent iOS from displaying the larger in-call or tethering bars?
Both programmatic solutions and solutions using the app's Info.plist are fine. Unfortunately, resizing the view or using auto-layout is not an option in the specific application.

MVYSideMenu IN iOS 7 hides status bar

I am using MVYSideMenu in my application. It is working really good, the problem is that in iOS7 when the menu is open, the status bar is mixed with the menu. I have solved this by setting the TableView y position 20 pt down, but this solution is not the best, because in iOS 6 it is different. I am new in iOS and even more in iOS 7.
You can hide the status bar setting UIViewControllerBasedStatusBarAppearance to NO in Info.plist

Resources