使用Xamarin Forms为Android和iOS创建底部导航栏

Question

是否可以使用Xamarin Forms为Android和iOS创建底部导航栏，而无需使用自定义渲染器。

我听说最新的Xamarin Forms支持底部导航栏功能，但遗憾的是我无法找到相应的文档。

需要一些帮助/指导来实现相同的。

Answer 1

我正在分享我的应用程序代码，希望它能帮到你。

XML页面：

<?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="iSAS.Mobile.Views.Student.SettingsPage"
         Title="Profile" 
         xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
         BarBackgroundColor="White"
         BarTextColor="#2196F3" 
         android:TabbedPage.ToolbarPlacement="Bottom"
         android:TabbedPage.BarItemColor="#66FFFFFF"
         android:TabbedPage.BarSelectedItemColor="#2196F3" >
 </TabbedPage>

CS页面：

[XamlCompilation(XamlCompilationOptions.Compile)]
public partial class SettingsPage : TabbedPage
{
    public SettingsPage()
    {
        InitializeComponent();
        Children.Add(new ProfilePage());
        Children.Add(new ChangePassword());
        Children[0].Icon = "profile.png";
        Children[1].Icon = "settings.png";

        CurrentPage = Children[1];
    }

    public SettingsPage(bool DefaultChangePswdPage = true)
    {
        InitializeComponent();
        Children.Add(new ProfilePage());
        Children.Add(new ChangePassword());
        Children[0].Icon = "profile.png";

        Children[1].Icon = "settings.png";
        if (DefaultChangePswdPage)
            CurrentPage = Children[1];
    }
}