TabBar

TabBar appears at the bottom of the screen and provides the ability to quickly switch between different sections of subjects. TabBar may contains 5 tabs in maximum.

Usages

1. Drag TabBar into Page to display a bar at the bottom. When page to page swiping occurred, Tabbar will be coverred by swiped page.
2. If you want to make the TabBar always remind at the bottom, you can drag TabBar as the first component of app building and drag Tab component inside. Finally, drag a Page component within each Tab.

Action [ Created ]

Simply click the action you want to define and drag components inside.

Created:

Mostly used to define further UI design within the TabBar.

Properties

Simply click a gear on the right hand corner of related "TabBar" component to edit the properties

Bar Tint Color - Bar Tint Color defines the background color of the TabBar.

Selected Title Color - Selected Title Color defines the color of the selected Tab.

Unselected Title Color - Unselected Title Color defines the color of the unselected tab.