I'm using a NavigationPage in a Xamarin Forms app. When the page first loads the navigation bar starts partially under the Android status bar (clock, battery, notifications, etc) and then a second or two after the page loads it shifts down to just below the status bar. I like that the status bar icons don't overlay my navigation bar, but I don't like that the users sees it shift. Is there any way to work around this so that when the page first becomes visible it is already shifted down? Thanks in adavance!
I personally prefer a "splash screen" over the awkward bar that appears on the top by default in a Xamarin.Forms app on Android. In my style of splash screen I just have the app's icon floating in the middle of a white field, with NO nav bar on top. If I understand your problem correctly, this workaround would get rid of the first part so there is no longer a "shift". There are many blog posts out there about how to do this, here is one, and here is my project where I have a splash screen.
Related
When I slowly scroll my website www.teamstack.net on iPhone, the iOS address bar is either enlarging or reducing (depending on scrolling down or up). When the adress bar is finished enlarging or reducing, the scrolling on my website stops immediately (instead of fluidly continuing the scroll).
I have a lot of positions with relative/absolute elements on my website.
On Android the page scroll is working well.
Any idea what causes this?
When you're embedding a Google Data Studio report with an iFrame, a navigation bar appears on the bottom of the dashboard for navigating between tabs and full-screen mode:
It states here that you can't remove this bar, but would it possible to move it to the top of the dashboard?
Currently, it is not possible to change the bar in any way.
If this becomes distracting for your users, I suggest you increase your report canvas size and keep appropriate white space at the bottom so the bar does not overlap any of your dashboard elements.
I wanted to implement a feature that is present in the Appstore app in iOS 11. As is visible from the gif, when the detail screen loads, the navigation bar is fully transparent and becomes visible when the view scrolls to the top.
I was under the impression that the navigation bar cannot be completely transparent.
Any insights so as to how Apple has implemented this feature would be helpful/
Check out Customizing the Navigation Bar section of this page.
Change the navigation background image and hide navigation bar on push
Also set prefersLargeTitles of bar as true only in iOS 11
If I want to design things on the Apple Watch with many contents then exceeds the screen, could it be scroll or paged?
Yes. It does. WKInterface allows you to scroll to bottom/up when content is more than the screen size. As you keep on adding the content to interface, Watchkit will automatically create scroll that allows you to view the content to the bottom. Second one is horizontal scrolling page by page. In WatchKit there is only one way to do horizontal page based scrolling. You have to set up a page based UI. You will have to have a new instance of a controller for each page. See link for more info.
I'm using a navigation controller (with navigation bar and toolbar) in my app. Triggered by tapping the bars slide in and out with a custom animation. Almost everything works fine with iOS7 so far.
The problem I have is the translucency of the status bar:
From what I understand from this question iOS 7 status bar back to iOS 6 style? (especially from jaredsinclair's answer/blogpost) and from this Status bar issue and navigation bar issue in ios7 is that the status bar is just always translucent. To get the iOS6 status bar look and feel they (simply spoken :)) moved the view 20 points downwards.
Sadly that does not help me with my translucency problem. Because the overall look of the app is quite puristic, it just looks so wrong and confusing to the user's eye when the navigationbar is sliding up and it is still visible while sliding up behind the status bar.
So I tried to simulate the sliding with non-proportional scaling, but it's just not the same. So my next idea would be to somehow make the status bar background opaque. Is this possible? I tried to sandwich some opaque view between status and navigation bar, but I failed.
Any help is appreciated!