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
Related
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'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.
I have a top menu bar and when is on mobile if I try to zoom my website then my menu bar is zooming as well. I don't want to zoom the menu bar
You could globally disable zooming, capture the zoom gestures in Javascript and rescale the rest of your website accordingly.
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!
I am using the MFMessageComposeViewController to present the email composer. It shows the navigation buttons with the IOS7 style (simplified - only text with blue color), which is fine.
But when I'm using imagePickerController in order to get an image from the photo album I get the IOS6 bar buttons
I thought that the IOS decide about the style