• Home
• Felgo
• AppTabBar

AppTabBar

A tab bar with Theme-based iOS and Android styles. More...

• List of all members, including inherited members

Properties

• contentContainer : Item
• showIcon : bool
• translucency : real

Detailed Description

The AppTabBar extends the QML Quick Controls 2 TabBar with a Theme-based style for iOS and Android. It only handles the tab visualization and can be combined with any other item to display the actual tab content.

Example Usage

The following example creates a page with an AppTabBar that shows two AppTabButtons. A SwipeView is used to display the content, which also allows swiping the content view to switch tabs.

 import Felgo
 import QtQuick.Controls as QuickControls2
 import QtQuick

 AppPage {
   title: "Tabs"

   // tabs
   AppTabBar {
     id: appTabBar
     contentContainer: swipeView

     AppTabButton {
       text: "Red"
     }
     AppTabButton {
       text: "Green"
     }
   }

   // tab contents
   QuickControls2.SwipeView {
     id: swipeView
     anchors.top: appTabBar.bottom
     anchors.bottom: parent.bottom
     width: parent.width
     clip: true

     Rectangle {
       color: "Red"
     }

     Rectangle {
       color: "Green"
     }

   }
 } // Page

Property Documentation