Tabs is a horizontal stack for implementing Tab Menu. It is the base class for your customized TabMenu class. Each tab has a title and Icon and destination page name.
To use this component, install the Zebble.Tab nuget package.
It's open source and available on GitHub. Also we welcome any contributions to enhace it.
Note: This is usually done in the template, as opposed to each page. See the new project template for an example.
Example:
<Tabs.Tab Label.Text="Settings" Icon.Path="Images/Icons/Settings.png"></Tabs.Tab>
<Tabs.Tab Label.Text="Map" Icon.Path="Images/Icons/Map.png"></Tabs.Tab>
<Tabs.Tab Label.Text="Types" Icon.Path="Images/Icons/Types.png"></Tabs.Tab>
<Tabs.Tab Label.Text="Videos" Icon.Path="Images/Icons/Video.png"></Tabs.Tab>
<Tabs.Tab Label.Text="Share" Icon.Path="Images/Icons/Share.png"></Tabs.Tab>
<Tabs.Tab Label.Text="Check" Icon.Path="Images/Icons/Check.png" ></Tabs.Tab>
</Tabs>
Note1: Based on the standard design, For iOS, tabs should appear at the bottom of the screen and for Android, it should be at the top of the screen, below the navigation bar.
Note2: If you want to seot other properties, you should use C# codes and then use them in your markup.
If your tab needs to do anything other than a simple navigation you can easily create it using the following method:
customTab.Icon.Path = "images/tabs/my-icon.png";
// You can define the custom action here:
customTab.Tapped += Nav.Go<Pages.SomePage>(new { myParam = "..." });
{
customTab.Selected = true;
}