I want to embed MasterDetailPage inside TabbedPage.Children using XAML.
On samples page I did not find sample with such situation.
Is there any sample?
- Why in when item selected, in ItemDetailPage, item text and back button (<-) is showing above TabbedPage headers?
- How to remove free space above TabbedPage headers named "Browse"?
There is NavigationBar
for the page. You could hide it by using NavigationPage.SetHasNavigationBar(this, false);
in ItemsPage
.
- How to open ItemsDetailPage on fullscreen without show TabbedPage headers?
You could use PushModalAsync
instead of PushAsync
. For example:
await Navigation.PushModalAsync(new NavigationPage(new ItemDetailPage(new ItemDetailViewModel(item))));
Answers
@amaranth
You could create a new Xamarin.Forms project using
Master-Detail
template.And you add a new
Tabbed Page
in the Forms project.Then change the
MainPage
inApp.xaml.cs
And change the
Tabbed Page
children to yourMasterDetailPage
. For example:And the result:

@BillyLiu, thank you for your reply!
Sorry for my mistake in first post. I want to put on TabbedPage Children only ItemsPage without ADD button, when item selected in this page open ItemDetailPage:
I have 3 questions here:
1. Why in when item selected, in ItemDetailPage, item text and back button (<-) is showing above TabbedPage headers?
2. How to remove free space above TabbedPage headers named "Browse"?
3. How to open ItemsDetailPage on fullscreen without show TabbedPage headers?
@amaranth
There is
NavigationBar
for the page. You could hide it by usingNavigationPage.SetHasNavigationBar(this, false);
inItemsPage
.You could use
PushModalAsync
instead ofPushAsync
. For example:@BillyLiu Thank you for your help!
Last question for this UI:
How to move back button and title below TabbedPage headers in ItemDetailPage page when selected one item?