程序所有页面的路由全部由小程序框架进行管理

网友投稿 258 2024-06-29

页面路由

在小程序中所有页面的路由全部由小程序框架进行管理。

#9.1 页面栈

小程序所有页面的路由全部由小程序框架进行管理

框架以栈的形式维护了当前所有页面。 当发生路由切换的时候,页面栈的表现如下:

路由方式页面栈表现
初始化新页面入栈
打开新页面新页面入栈
页面重定向当前页面出栈,新页面入栈
页面返回页面不断出栈,直到目标返回页
Tab切换 页面全部出栈,只留下新的 Tab 页面
重加载页面全部出栈,只留下新的页面

getCurrentPages()

getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。

注意

  1. 不要尝试手动修改页面栈,会导致路由以及页面状态错误。

  2. 不要在 App.onLaunch 的时候调用 getCurrentPages(),此时 page 还没有生成。

路由方式

对于路由的触发方式以及页面生命周期函数如下:

路由方式触发时机路由前页面路由后页面
初始化小程序打开的第一个页面
onLoad, onShow
打开新页面调用 API ft.navigateTo 或使用组件 <navigator open-type="navigateTo"/>onHideonLoad, onShow
页面重定向调用 API ft.redirectTo 或使用组件 <navigator open-type="redirectTo"/>onUnloadonLoad, onShow
页面返回调用 API ft.navigateBack 或使用组件 <navigator open-type="navigateBack">或用户按左上角返回按钮onUnloadonShow
Tab切换 调用 API ft.switchTab 或使用组件<navigator open-type="switchTab"/>或用户切换 Tab
各种情况请参考下表
重启动调用 API ft.reLaunch 或使用组件 <navigator open-type="reLaunch"/>onUnloadonLoad, onShow

Tab 切换对应的生命周期(以 A、B 页面为 Tabbar 页面,C 是从 A 页面打开的页面,D 页面是从 C 页面打开的页面为例):

当前页面路由后页面触发的生命周期(按顺序)
AANothing happend
ABA.onHide(), B.onLoad(), B.onShow()
AB(再次打开)A.onHide(), B.onShow()
CAC.onUnload(), A.onShow()
CBC.onUnload(), B.onLoad(), B.onShow()
DBD.onUnload(), C.onUnload(), B.onLoad(), B.onShow()
D(从转发进入)AD.onUnload(), A.onLoad(), A.onShow()
D(从转发进入)BD.onUnload(), B.onLoad(), B.onShow()

提示

  • navigateTo, redirectTo 只能打开非 tabBar 页面。

  • switchTab 只能打开 tabBar 页面。

  • reLaunch 可以打开任意页面。

  • 页面底部的 tabBar 由页面决定,即只要是定义为 tabBar 的页面,底部都有 tabBar。

  • 调用页面路由带的参数可以在目标页面的 onLoad 中获取。


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:小程序框架之响应显示区域变化
下一篇:小程序框架之高级动画方式
相关文章

 发表评论

暂时没有评论,来抢沙发吧~