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.
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 :)
When I deploy my app in iphone simulator, its taking the start of the activivity as the star of the screen, but as I hace controls at the top of some activities, the controls don't work because they are appearing on the status bar.
I need my pages start below the status bar as shown in the picture
I use ContentPages, but I don't know if it is a XAML property or I can do it from code
"Example of Iphone XS Max"
Even tho, it is happening on every device
Use this code in your pages XAML
xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"
ios:Page.UseSafeArea="true"
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.
With ios11, when a site is added to home screen which has the web-app enabled. The title bar overlaps the site content in certain cases.
To reproduce the issue -
Add any site which has web-app enabled to home screen
Open the added app from the home screen Change the orientation from portrait to landscape
Now from landscape to portrait again
Now you will notice that the title bar overlapping the site content.
I have raised an issue at bug reporter with apple but did not get any response
The meta tag for the title bar is default, which behaves properly until the above steps are done
This is happening with all the sites which have the ability to be added to the home screen and function as an app. Any suggested fixes? Thanks.
The issue is resolved in ios 11.3 beta version. Hopefully this stays when the actual release version is out.
I have a default existing project in Xamarin.Forms version 1.2.3 and I have the same issue as reported here hinting that auto-layouts should be used.
When I start the iPhone 6 Plus app, there is about 1cm black bar at the top and bottom of the page, with even the task notification bar at the top moved to the smaller size screen displayed when launching.
Its probably a one liner change but what and where does this need to be done?
I'm rather surprised this is not in the default template already however.