FormsCurvedBottomNavigation allows you to integrate beautiful curved UI in your Xamarin Forms bottom tabbed page with a fab button (available for Android and iOS both).
Use the nuget package manager to install FormsCurvedBottomNavigation .
Install-Package FormsCurvedBottomNavigation -Version 1.1.0There are three new properties attached to this CurvedBottomTabbedPage.
- FabIcon (To set the icon on fab button)
- FabBackgroundColor (To set the background color of the fab button)
- NavigateToPage (This property is used to navigate to the page you want from fab button).
NavigateToPage property by default uses PushModalAsync.
Android
iOS
<curvebottomnavigation:CurvedBottomTabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
xmlns:curvebottomnavigation="clr-namespace:FormsCurvedBottomNavigation;assembly=FormsCurvedBottomNavigation"
BarBackgroundColor="FloralWhite"
android:TabbedPage.BarItemColor="Gray"
android:TabbedPage.BarSelectedItemColor="Blue"
FabIcon="home_icon"
FabBackgroundColor="SkyBlue">
</curvebottomnavigation:CurvedBottomTabbedPage> public partial class MainPage : FormsCurvedBottomNavigation.CurvedBottomTabbedPage
{
public MainPage()
{
InitializeComponent();
this.Children.Add(new Page1()
{
Title = "Home",
IconImageSource = "home_icon"
});
this.Children.Add(new Page1()
{
Title = "Movies",
IconImageSource = "movie_icon"
});
this.Children.Add(new Page1()
{
Title = "Music",
IconImageSource = "music_icon"
});
this.Children.Add(new Page1()
{
Title = "Profile",
IconImageSource = "profile_icon"
});
this.NavigateToPage = new Page1();
}
}Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Support this project.