I’m setting up a Felgo App that has both TabControl and a Side Drawer Navigation for all platforms (each with a different mix of navigation items).
To open the Side Drawer, I’m using IconButtonBarItem on the first page of each major section, but the clickable area seems to not include the icon itself and consists of an invisible sliver of the navigation bar just to the right of the icon. This is true for all platform themes. Below is a simplified reconstruction of my app.
Main.qml
import Felgo 3.0
import QtQuick 2.0
App {
id: app
onInitTheme: { // Custom theme settings }
MainPage { }
}
MainPage.qml
import Felgo 3.0
import QtQuick 2.0
import "pages"
Page {
id: mainPage
SideNav { id: sideNav }
TabControl {
tabPosition: Qt.BottomEdge
showIcon: true
NavigationItem {
icon: IconType.briefcase
AccountsPage { }
}
NavigationItem {
icon: IconType.arrowdown
ReceivePage { }
}
NavigationItem {
icon: IconType.arrowup
SendPage { }
}
NavigationItem {
icon: IconType.thlist
ActivityPage { }
}
}
}
pages/AccountsPage.qml
import Felgo 3.0
import QtQuick 2.0
NavigationStack {
id: stack
Page {
title: qsTr("Accounts")
leftBarItem: IconButtonBarItem { // <-- ICON NOT CLICKABLE
icon: IconType.bars
onClicked: sideNav.open()
}
// Page contents
}
}
pages/SideNav.qml
import Felgo 3.0
import QtQuick 2.0
AppDrawer {
id: sideNav
z: 1
// SideNav content
}
}