Xamarin Forms 底部导航栏

Question

在我的Xamarin Forms应用程序中，我需要在每个页面上添加一个底部导航栏。底部导航栏应该有7个按钮，点击每个按钮应该导航到相应的页面。有没有办法在Xamarin Forms中实现这个功能？

- Aneesh.A.M

---

选项卡页面听起来与您想要的功能类似。但我认为它仍然将Android选项卡放在顶部。您可能需要实现自己的自定义页面或在Android上使用自定义渲染器来更改其位置。尝试一些东西，并回来报告更具体的问题。祝你好运。 - dylansturg

Answer 1

是的，我使用了这个插件Bottom Bar Plugin来实现它，它是一个非常有用的插件，可以在Android和IOS屏幕底部呈现选项卡栏。虽然您需要的所有文档都可以通过我提到的链接获得，但如果我不添加以下内容，stackoverflow机器人将会围攻我：您可以通过搜索谷歌来导航到相关网站

BottomNavigationBarXF

除了为了这个网站的利益而剪切和粘贴他们的文档（以便在热核战争之后，stackoverflow成为唯一幸存的网站，任何人在参考此答案时仍然可以将其放入上下文中），我建议您查阅他们的文档，因为它们编写得很好。

- Mike

Answer 2

您可以使用选项卡页面本身。对于iOS平台，默认情况下选项卡按钮位于底部。至于Android，有一种方法可以将选项卡移到底部。您需要更新Xamarin或Visual Studio。更新后，在选项卡页面的Xaml代码中添加以下页面指令。

xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
    android:TabbedPage.ToolbarPlacement="Bottom"

例如：

<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
        xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
        xmlns:local="clr-namespace:TabbedPageWithNavigationPage;assembly=TabbedPageWithNavigationPage"
        xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
        android:TabbedPage.ToolbarPlacement="Bottom"
        android:TabbedPage.BarItemColor="#a39d9f"
        android:TabbedPage.BarSelectedItemColor="#007aff"
        android:TabbedPage.IsSwipePagingEnabled="false"
        x:Class="TabbedPageWithNavigationPage.MainPage">
<local:TodayPage />
<NavigationPage Title="Schedule" Icon="schedule.png">
    <x:Arguments>
        <local:SchedulePage />
    </x:Arguments>
</NavigationPage>

- Abdul Gani