Component Showcase Demo App
import QtQuick 2.4
import QtQuick.Controls 2.0 as Quick2
import QtQuick.Layouts 1.3
import Felgo 3.0
import "pages"
Page {
property alias navigation: navigation
property bool isWindows: system.isPlatform(4) || system.isPlatform(9) || system.isPlatform(10)
useSafeArea: false
Navigation {
id: navigation
NavigationItem {
id: componentsItem
title: "Components"
icon: IconType.calculator
NavigationStack {
initialPage: appComponentsPage
Component {
id: appComponentsPage
Page {
id: page
title: componentsItem.title
rightBarItem: stackLayout.currentIndex >= 0 ? stackLayout.children[stackLayout.currentIndex].rightBarItem : null
AppTabBar {
id: tabBar
contentContainer: stackLayout
AppTabButton { text: "Overview" }
AppTabButton { text: "Example Page" }
}
StackLayout {
id: stackLayout
width: parent.width
anchors.top: tabBar.bottom
anchors.bottom: parent.bottom
clip: true
AppComponentsPage { }
ExamplePage { }
}
}
}
}
}
NavigationItem {
id: effectsItem
title: "Effects"
icon: IconType.bolt
NavigationStack {
EffectsPage { title: effectsItem.title }
}
}
NavigationItem {
id: controlsItem
title: "Controls"
icon: IconType.toggleoff
NavigationStack {
navigationBarShadow: false
ControlsPage { title: controlsItem.title }
}
}
NavigationItem {
id: featuresItem
title: "Features"
icon: IconType.listalt
NavigationStack {
FeaturesPage { title: featuresItem.title }
}
}
NavigationItem {
id: listViewItem
title: "List View"
icon: IconType.list
NavigationStack {
splitView: tablet
SimpleListPage { title: listViewItem.title }
}