Xamarin.Forms styling - xamarin

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.

Related

Xamarin Forms Shell toolbar Height

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

Xamarin forms transparent navigation bar with visible back button

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.

How to allow Xamarin Forms TabbedPage to control the tabMode in Tabbar.axml for Android

I want to have different TabbedPages within my app with different tabModes.
IE:
TabbedPageOne with app:tabMode="scrollable"
TabbedPageTwo with app:tabMode="fixed"
This is currently possible? If not, how can it be achieved?
The setting can be easily changed app wide (How to make Tabbed page of many content page with a scroll menu in Xamarin forms?), but want it to be configurable per TabbedPage.

Xamarin.Forms default navigation bar font

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.

Add fixed bottom menu on Xamarin Forms with Prism MasterDetail

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:

Resources