navigator
优质
小牛编辑
136浏览
2023-12-01
众所周知,在浏览器里,我们可以通过前进或者回退按钮来切换页面,iOS/Android 的 navigator
模块就是用来实现类似的效果的。除了前进、回退功能,该模块还允许我们指定在切换页面的时候是否应用动画效果。
push
把一个weex页面URL压入导航堆栈中,可指定在页面跳转时是否需要动画,以及操作完成后需要执行的回调函数
push(options, callback)
- @options
url
, string,要压入的 Weex 页面的 URLanimated
boolean,页面压入时是否需要动画效果,默认是 “true”。
- @callback, 执行完该操作后的回调函数。
var navigator = weex.requireModule('navigator')
navigator.push({
url: 'http://dotwe.org/raw/dist/519962541fcf6acd911986357ad9c2ed.js',
animated: "true"
}, event => {
console.log('callback: ', event)
})
pop
把一个 Weex 页面 URL 弹出导航堆栈中,可指定在页面弹出时是否需要动画,以及操作完成后需要执行的回调函数。
pop(options, callback)
- @options
animated
, boolean,弹出页面时是否需要动画效果,默认是 “true”。
- @callback, 执行完该操作后的回调函数。
var navigator = weex.requireModule('navigator')
navigator.pop({
animated: "true"
}, event => {
console.log('callback: ', event)
})
注意
animated
二级参数目前仅支持字符串的 "true"
和 "false"
,传入布尔值类型会导致程序崩溃,未来版本会修复这个问题