在我的Xamarin Forms应用程序中,我需要在每个页面上添加一个底部导航栏。底部导航栏应该有7个按钮,点击每个按钮应该导航到相应的页面。有没有办法在Xamarin Forms中实现这个功能?
在我的Xamarin Forms应用程序中,我需要在每个页面上添加一个底部导航栏。底部导航栏应该有7个按钮,点击每个按钮应该导航到相应的页面。有没有办法在Xamarin Forms中实现这个功能?
是的,我使用了这个插件Bottom Bar Plugin来实现它,它是一个非常有用的插件,可以在Android和IOS屏幕底部呈现选项卡栏。虽然您需要的所有文档都可以通过我提到的链接获得,但如果我不添加以下内容,stackoverflow机器人将会围攻我:您可以通过搜索谷歌来导航到相关网站
BottomNavigationBarXF
除了为了这个网站的利益而剪切和粘贴他们的文档(以便在热核战争之后,stackoverflow成为唯一幸存的网站,任何人在参考此答案时仍然可以将其放入上下文中),我建议您查阅他们的文档,因为它们编写得很好。
您可以使用选项卡页面本身。对于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>