小程序手势返回关闭弹窗而不直接返回上级页面的解决方案

790 阅读1分钟

某天下午,测试同学悄悄过来说:“这个提示弹窗能不能左滑关闭啊?像原生app那样实现”

我直接一口拒绝,“不行,小程序控制不了用户返回,这是系统的操作”,于是测试同学就回去了。。

但今天在逛帖子的时候,突然发现小程序提供了一个 PageContainer 组件,能够处理类似的场景。我们来看一下文档上的描述(我用的是Taro,微信原生同理) 文档链接

截屏2024-08-27 16.04.52.png

简单来说就是在页面上放置一个<PageContainer show={true} />,页面的第一次返回操作会作用于PageContainer并将show属性置为false,第二次返回操作将会真正执行返回上级页面。

利用这个组件,我们就可以实现页面返回时关闭页面弹窗,而不是直接返回上级页面这种神奇的操作了。

看来以后不确定的事还真不能把话说太死,又学到了😅