dashboard: fix flickering on switch panes

This commit is contained in:
2 * r + 2 * t 2026-01-16 02:09:38 +11:00
parent 33c1c694de
commit fae21cd73a

View file

@ -87,6 +87,7 @@ Item {
id: row id: row
Pane { Pane {
index: 0
sourceComponent: Dash { sourceComponent: Dash {
visibilities: root.visibilities visibilities: root.visibilities
state: root.state state: root.state
@ -95,16 +96,19 @@ Item {
} }
Pane { Pane {
index: 1
sourceComponent: Media { sourceComponent: Media {
visibilities: root.visibilities visibilities: root.visibilities
} }
} }
Pane { Pane {
index: 2
sourceComponent: Performance {} sourceComponent: Performance {}
} }
Pane { Pane {
index: 3
sourceComponent: Weather {} sourceComponent: Weather {}
} }
} }
@ -130,9 +134,15 @@ Item {
} }
component Pane: Loader { component Pane: Loader {
id: pane
required property int index
Layout.alignment: Qt.AlignTop Layout.alignment: Qt.AlignTop
Component.onCompleted: active = Qt.binding(() => { Component.onCompleted: active = Qt.binding(() => {
// Always keep current tab loaded
if (pane.index === view.currentIndex) return true;
const vx = Math.floor(view.visibleArea.xPosition * view.contentWidth); const vx = Math.floor(view.visibleArea.xPosition * view.contentWidth);
const vex = Math.floor(vx + view.visibleArea.widthRatio * view.contentWidth); const vex = Math.floor(vx + view.visibleArea.widthRatio * view.contentWidth);
return (vx >= x && vx <= x + implicitWidth) || (vex >= x && vex <= x + implicitWidth); return (vx >= x && vx <= x + implicitWidth) || (vex >= x && vex <= x + implicitWidth);