Xamarin构成底部导航栏

问题描述 投票:1回答:2

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

xamarin xamarin.ios xamarin.android xamarin.forms
2个回答
0
投票

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

BottomNavigationBarXF

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


0
投票

您可以使用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>

© www.soinside.com 2019 - 2024. All rights reserved.