嘿，这个需求我之前做项目的时候刚好碰到过，其实实现起来并不复杂——我们只需要给StackView里的页面加上滑动捕获逻辑，让页面跟着手指移动，再结合StackView的pop()方法就能搞定。下面是具体的实现思路和代码示例：

• 给每个需要支持右滑返回的Page添加一个全屏的MouseArea，用来捕获水平方向的滑动操作
• 在滑动过程中，实时更新页面的x坐标，让页面跟着手指移动，模拟SwipeView的跟随效果
• 设置滑动阈值（比如页面宽度的1/3），当滑动距离超过阈值且松开手指时，调用stackView.pop()返回上一页；否则触发动画让页面回弹到原始位置

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    width: 400
    height: 600
    visible: true

    StackView {
        id: stackView
        anchors.fill: parent

        // 初始首页
        Page {
            title: "首页"
            Button {
                text: "进入详情页"
                anchors.centerIn: parent
                onClicked: stackView.push(swipePageComponent)
            }
        }

        // 封装好的可右滑返回的页面组件
        Component {
            id: swipePageComponent

            Page {
                id: currentPage
                title: "详情页"

                // 全屏捕获滑动的MouseArea
                MouseArea {
                    anchors.fill: parent
                    // 仅允许水平方向拖动
                    drag.target: currentPage
                    drag.axis: Drag.XAxis
                    drag.minimumX: 0 // 禁止向左滑动超出屏幕
                    drag.maximumX: parent.width // 最多滑到屏幕右侧

                    property real initialMouseX: 0

                    onPressed: {
                        initialMouseX = mouseX
                    }

                    onReleased: {
                        const swipeOffset = mouseX - initialMouseX
                        // 滑动距离超过页面1/3时触发返回
                        if (swipeOffset > parent.width / 3) {
                            stackView.pop()
                        } else {
                            // 触发回弹动画
                            resetPagePosition()
                        }
                    }

                    // 拖动过程中实时更新页面位置
                    onPositionChanged: {
                        if (mouseX > initialMouseX) {
                            currentPage.x = mouseX - initialMouseX
                        }
                    }
                }

                // 页面回弹到原始位置的动画
                function resetPagePosition() {
                    NumberAnimation {
                        target: currentPage
                        property: "x"
                        to: 0
                        duration: 200
                        easing.type: Easing.OutQuad
                    }
                }

                // 普通返回按钮（作为滑动返回的补充）
                Button {
                    text: "点击返回首页"
                    anchors.bottom: parent.bottom
                    anchors.horizontalCenter: parent.horizontalCenter
                    onClicked: stackView.pop()
                }
            }
        }
    }
}

• 滑动区域控制：用MouseArea而不是SwipeArea是因为前者能更精确地控制拖动过程中的位置变化，完全还原手指跟随的效果
• 拖动限制：设置drag.minimumX: 0是为了防止用户向左滑动干扰体验，只保留右滑返回的逻辑
• 阈值调整：你可以根据需求修改阈值比例，比如改成parent.width/4会让滑动返回更敏感，改成parent.width/2则需要滑过半屏才触发
• 组件复用：如果你的项目里有多个页面需要支持右滑返回，可以把上述页面的滑动逻辑封装成一个自定义的SwipePage组件，这样所有页面直接继承它即可，不用重复写代码
• 动画优化：回弹动画使用Easing.OutQuad可以让页面回归的过程更自然，符合用户的视觉预期

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