Qt 5.15.2中StackView返回后底部栏消失问题求助

问题现象 #

程序启动后第一页底部栏正常显示，点击Next按钮进入第二页，返回第一页时底部栏消失；使用Loader加载页面无此问题，仅在StackView下出现该异常。

原因分析 #

StackView会复用页面实例（而非像Loader那样每次创建新实例），第一页中直接给bottomBar.rightButton.visible赋值为true，当页面被压入栈底隐藏后，重新显示时QML属性系统可能未正确保留该状态，或者BottomBar的visible绑定表达式在页面状态切换时未重新计算，导致BottomBar因按钮可见性状态异常而隐藏。

解决方案 #

方案1：页面显示时重置按钮状态

在第一页的BasePage中监听visible变化，当页面重新显示时强制设置按钮的可见性与文本，确保BottomBar的触发条件有效：

Component {
    id: firstPage

    BasePage {
        color: "red"
        onVisibleChanged: {
            if (visible) {
                bottomBar.rightButton.text = qsTr("Next")
                bottomBar.rightButton.visible = true
            }
        }
        onBottomBarRightButtonClicked: stackView.push(secondPage)
    }
}

方案2：修改BottomBar的可见性绑定逻辑

调整BottomBar.qml中的visible绑定表达式，增加页面可见性的依赖，确保只有当页面处于可见状态时，才根据按钮状态判断是否显示BottomBar：

Rectangle {
    // 保留原有属性与信号定义
    id: bottomBar
    color: "#fafafa"
    // 修改visible绑定逻辑
    visible: (leftButton.visible || centralButton.visible || rightButton.visible) && parent.parent.parent.visible

    // 保留原有Row与按钮代码
}

这里parent.parent.parent指向BasePage的Page实例，确保页面可见时才触发可见性计算。

方案3：使用属性绑定替代直接赋值

通过在BasePage中新增属性别名，将按钮状态绑定到BasePage的属性，替代一次性赋值，让状态持续生效：

1. 修改BasePage.qml，添加属性别名：

Page {
    // 保留原有属性与信号定义
    property alias rightButtonVisible: bottomBar.rightButton.visible
    property alias rightButtonText: bottomBar.rightButton.text
    // 保留原有布局与事件代码
}

2. 在第一页中使用绑定方式设置按钮状态：

Component {
    id: firstPage

    BasePage {
        color: "red"
        rightButtonVisible: true
        rightButtonText: qsTr("Next")
        onBottomBarRightButtonClicked: stackView.push(secondPage)
    }
}

内容的提问来源于stack exchange，提问作者Fausto01