Create custom Tabbar in Xamarin Forms using NaviagtionPages & Buttons added inside a ContentPage - xamarin

I want to create custom Tabbar in Xamarin Forms using NaviagtionPages & Buttons added inside a ContentPage.
I cannot use the default Tabbed Page because the UI shows up differently for Android and iOS with it (tabbar at top on android vs tabbar at bottom for iOS).
Hence, I was creating a common component using Xamarin forms.
I have created a similar custom tabbar in iOS (by adding Navigation controllers as child controllers along with buttons in a View controller).
So far I have added Buttons and ContentPages(by ContentPage.Content) inside a ContentPage. I toggle the visibility of the content pages on tapped events of the buttons.
But I want to replace the ContentPages by NavigationPages so that each tab(button) can have its own stack of ContentPages.
Unfortunately, I cannot figure out how to add NavigationPage inside a content view to make this work.

Related

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.

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:

Xamarin.Forms styling

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.

Xamarin Forms: GetBackButton

I have Xamarin App, in the app I have a page which I hide the navigation bar for design purposes. But I still want to show back button. What I could do is that I could make a back icon and put it on the layout and call Navigation.PopAsync() on image tab. However is there a way to get the designated back button from the app?

Xamarin Navigating from a TabbedPage app

I've been tinkering with Xamarin forms and I have run into a bit of a road block. I have an app whose rootPage is a TabbedPage. I programmatically add three child Contentpages to this page. All this works fine. However, these pages open up other pages which may or may not open other pages etc.
I have tried to use ContentPage for the child pages and pass the rootpage Navigation property into them and use that to call Navigation.PushAsync I have also tried to make the pages navigation pages and then call Navigation.PushAsync on their own property: this throws some unhandled exception
Can anyone please help!
The root of each tab in your TabbedPage should be a single NavigationPage, which wraps a ContentPage. From that ContentPage you navigate to other pages by using the Navigation property of the page.

Resources