Hey guys in this tutorial we are going to achieve Bottom navigation. It’s an simple implementation of bottom navigation.
At first set your MainPage as Startup page inside App.xaml.cs.
Step 2 :
It is used for single-line text input. It supports multiple keyboard types and can be used as a password field.
Label which is a view is used for displaying text. It can have custom fonts , colored text and font families etc.
It displays a text string or bitmap image or both indicating a command, When user presses the Button with a finger or clicks it with a mouse to initiate that command.After a Button command is clicked then user can perform various events like navigation, validation, converter etc..
It organizes our views in a one-dimensional line either horizontally or vertically.
Grid supports arranging views into rows and columns. we can separate any layout with the help of grid.
Content View :
ContentPage are meant to be used as base class for your own views and pages. Use
ContentPage when you want a
ContentView when you want a
Now inside our project our Mainpage.xaml will contain 2 grid rows . On first gird row we will add any contents inside contentView . Then we will divide 2nd grid row to 4 columns and add the images inside the resources folder of IOS and Android and give it a source for the image tag. Then we will add <TapGestureRecognizer command to give a tap event inside MainPage.xaml for the image.
Step 2:Now inside our code behind part the image that was clicked will be handeled over here. In this tutorial we are going to navigate the page using the variable “page”. Which will let us navigate to next page.