NavigationPage 作为 XAML 中 TabbedPage 的子级答案

【问题标题】：NavigationPage as a child of a TabbedPage in XAMLNavigationPage 作为 XAML 中 TabbedPage 的子级
【发布时间】：2018-08-03 22:52:02
【问题描述】：

我正在尝试找到一种方法将 NavigationPage 添加为 XAML 中 TabbedPage 的子项。为 NavigationPage 添加 xaml 对我不起作用。在我的代码中，GetMainPage() 返回的页面是一个 TabbedPage XAML，它有子级，在 XAML 中也有描述，如何以编程方式在 XAML 之间插入 NavigationPage？

以下是我的代码：

<?xml version="1.0" encoding="utf-8" ?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
   <ContentPage x:Name="FirstTab" Title="Music">
      <StackLayout Padding="5, 25">
          ...
      </StackLayout>
   </ContentPage>-->
   <ContentPage x:Name="SecondTab" Title="Videos">
      <StackLayout Padding="5, 25">
          ...
      </StackLayout>
   </ContentPage>-->
   <ContentPage x:Name="ThirdTab" Title="Movies">
      <StackLayout Padding="5, 25">
          ...
      </StackLayout>
   </ContentPage>-->
</TabbedPage>

在 App.cs 中

public App()
{
        // The root page of your application
        MainPage = new NavigationPage(new TabbedMainPage());
}

【问题讨论】：

标签： xaml xamarin xamarin.forms

【解决方案1】：

您不能真正在XAML 中添加NavigationPage - 它没有可用于分配Children 的公开Content 属性。但是，在代码中很容易做到：

var tabs = new TabbedPage();

tabs.Children.Add(new NavigationPage(new Page1()));
tabs.Children.Add(new NavigationPage(new Page2()));
tabs.Children.Add(new NavigationPage(new Page3()));

【讨论】：

2016年还是这样吗？

【解决方案2】：

现在我们也可以在 XAML 中添加一个 NavigationPage 作为 TabbedPage 的子代。

<?xml version="1.0" encoding="UTF-8"?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            x:Class="Views.TabbedMainPage"
            xmlns:ent="clr-namespace:Views.Entertainment">
    <ent:Music />
    <NavigationPage Title="Videos">
        <x:Arguments>
            <ent:Videos />
        </x:Arguments>
    </NavigationPage>
    <ent:Movies />
</TabbedPage>

参考：
Microsoft:Xamarin:TabbedPage
Github:TabbedPageWithNavigationPage

【讨论】：