I am new to Xamarin and was working on a few scenarios with Xamarin Forms Shell in Navigation bar. My requirement is to set Image to Navigation bar in shell. I am able to update the image in Navigation bar using Shell Custom Renderers for both android and ios. In Android, I was able to increase the height of the navigation bar/toolbar
In iOS, Image is not shown fully. I am currently facing an issue with setting the height of the navigation bar in iOS. Can someone help me with how to increase the height of toolbar (navigation bar) using shell custom renderers?
Welcome to SO!
Unfortunately , we can't modify the height of NavigationBar in iOS . We only can custom a toolbar view in iOS to do that . If using the default NavigationBar , Aplle not allows us to modify .
Have a look at this discussion : iOS11 customize navigation bar height
Related
I am currently trying to make a navigation page in a Xamarin Forms cross platform application that has a transparent/invisible navigation bar, but still shows a back button? Does Xamarin forms support any quick and easy way to do this?
You could do either of these two:
Option 1 : Making a Custom renderer that will customize your nav bar
Option 2 : Hiding your navigation bar and then make your own
navigation bar either stacklayout,grid, etc.
then set your navigation bar to transparent and the back button with a color
If you are using Navigation Page as your navigation paradigm, you can use:
NavigationPage.SetHasBackButton(this, false);
This will remove the back button from the navigation bar.
In Xamarin.Forms I have created a custom Navigation bar using a StackLayout and Labels for one of my pages. The other pages however are using the default navigation bar. I've tried to make the titles of the custom and default navigation bars look exactly the same but can't quite get it to match.
Is there a way to find out the font size and family of the default navigation bar in Xamarin.Forms?
Yes, there is! Xamarin.Forms is fully open-source, so you can inspect anything the code is doing on GitHub. The magic most likely happens inside the NavigationPage renderers, so check out Xamarin.Forms.Platform.[Target Platform]/Renderers/NavigationPageRenderer.cs.
But in your case this might be overkill, and you might be able to get the information you are interested in using the Xamarin Inspector while your app is running in debug mode.
I'm trying to find a way to put a close ToolBarItem on the left of my ToolBar.
To be more explicit, here are some screenshots:
For Android:
For iOS:
The problem is not about to display icon istead of text, I'm using Iconize for that. The problem is about to put ToolBarItem to the left for both iOS and Android.
I've found this renderer for iOS (not tried yet):
https://gist.github.com/alexlau811/f1fff9e726333e6b4a2f
You need to write Custom renderer to implement left side tool bar items. Detailed implementation for this is explained here https://timeyoutake.it/2016/01/02/creating-a-left-toolbaritem-in-xamarin-forms/
I'm using Xamarin Forms with Prism and I need to create a layout with a sidebar menu and a fixed bar at the bottom of the screen with quick actions like instagram app for iOS and Android.
I was thinking in use MasterDetail but how can I add that fixed bar at bottom of the Detail controller and keep it when detail page changes?
And the second thing is that I have a specific page that has form sections separated by tabs, so how can I render tabs at the top of the page for iOS (like Android)?
Something like this:
I develop Xamarin.Forms app (latest version of Xamarin), I'm targeting only Android. I use TabbedPage which displays bar on the top of the screen. I want to make my custom visual item that will look like the TabbedPage bar. Where can I find out font size, font type, background color, margins etc so I can make my custom visual item that will look like TabbedPage bar?
As you said that you want to create tabbed page I think you should use Xamarin.forms controls (https://developer.xamarin.com/guides/xamarin-forms/application-fundamentals/navigation/tabbed-page/). But if you want to create custom tabbed then you have to use custom renderer for top navigation bar.