navigator

众所周知，在浏览器里，我们可以通过前进或者回退按钮来切换页面，iOS/Android 的 navigator 模块就是用来实现类似的效果的。除了前进、回退功能，该模块还允许我们指定在切换页面的时候是否应用动画效果。

API

push

把一个weex页面URL压入导航堆栈中，可指定在页面跳转时是否需要动画，以及操作完成后需要执行的回调函数

push(options, callback)

  • @options
    • url, string，要压入的 Weex 页面的 URL
    • animated boolean，页面压入时是否需要动画效果，默认是 “true”。
  • @callback, 执行完该操作后的回调函数。
  1. var navigator = weex.requireModule('navigator')
  2. navigator.push({
  3.   url: 'http://dotwe.org/raw/dist/519962541fcf6acd911986357ad9c2ed.js',
  4.   animated: "true"
  5. }, event => {
  6.   console.log('callback: ', event)
  7. })

pop

把一个 Weex 页面 URL 弹出导航堆栈中，可指定在页面弹出时是否需要动画，以及操作完成后需要执行的回调函数。

pop(options, callback)

  • @options
    • animated, boolean，弹出页面时是否需要动画效果，默认是 “true”。
  • @callback, 执行完该操作后的回调函数。
  1. var navigator = weex.requireModule('navigator')
  2. navigator.pop({
  3.   animated: "true"
  4. }, event => {
  5.   console.log('callback: ', event)
  6. })

warning 注意animated 二级参数目前仅支持字符串的 "true" 和 "false"，传入布尔值类型会导致程序崩溃，未来版本会修复这个问题

示例