Tabbed Page
A page that displays an array of tabs across the top or bottom of the screen, each of which loads content onto the screen.
Remarks
The app does support nesting a child TabbedPage within a Tab of a parent TabbedPage. When using nested TabbedPages, bottom tabs must always be used on the parent, top tabs must be used on the child.
Bottom tabs are not supported on the Windows platform.
A TabbedPage is typically the child of either a NavigationPage or another TabbedPage. They share many of the same properties. These shared properties when left blank will inherit from their parent. In other words, if you've set the BackgroundImage in MainPage.xaml & you also wish to also display on the same image on this page, you do not need to set it again. This rule applies to the following properties: BackgroundImage, IsAppBarVisible, IsNavigationBarVisible, IsSafeAreaEnabled, IsStatusBarVisible.
Properties
Property | Type | Description |
---|---|---|
BackgroundImage | String | The background image for the display. |
IsAppBarVisible | Boolean | A value that indicates whether the top app bar should be visible. |
IsNavigationBarVisible | Boolean | An Android specific setting that indicates whether the bottom navigation bar should be shown. |
IsSafeAreaEnabled | Boolean | An iOS specific setting that is used to ensure that page content is positioned on an area of the screen that is safe for all devices that use iOS 11 and greater. Specifically, it will help to make sure that content isn't clipped by rounded device corners, the home indicator, or the sensor housing on an iPhone X. |
IsStatusBarVisible | Boolean | A value that indicates whether the status bar should be visible. |
TabBarPlacement | Enum | The location of the tab bar, Bottom or Top . |
Tabs | Array | The collection of items displayed in the tab bar. |
Title | String | The title that displays in the app bar. |