Xamarin构成底部导航栏

Posted 2021-03-31

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

答案

是的我使用这个插件实现了这个Bottom Bar Plugin它是一个非常有用的插件，它在屏幕底部为android和ios呈现标签栏。尽管你需要的所有文档都可以通过我提到的链接获得，但是除非我添加你可以通过搜索google来导航到相关网站，否则stackoverflow机器人会蜂拥而至。

BottomNavigationBarXF

除了为了这个网站的利益而剪切和粘贴他们的文档（以便任何人在热核战争中提到这个答案，之后stackoverflow是唯一幸存的网站，仍然可以提供这个答案），我会敦促你查阅他们的文件，这些文件很好地组合在一起

另一答案

您可以使用Tab页面本身。对于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>