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')
      1. navigator.push({
      2. url: 'http://dotwe.org/raw/dist/519962541fcf6acd911986357ad9c2ed.js',
      3. animated: "true"
      4. }, event => {
      5. console.log('callback: ', event)
      6. })

pop

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

pop(options, callback)

  • @options
    • animated , boolean，弹出页面时是否需要动画效果，默认是 “true”。

  • @callback , 执行完该操作后的回调函数。

    1. var navigator = weex.requireModule('navigator')
      1. navigator.pop({
      2. animated: "true"
      3. }, event => {
      4. console.log('callback: ', event)
      5. })

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