android - Weex的頁面跳躍方案的選擇

Question

準備使用 Weex 來做新的行動裝置項目，但是在頁面跳躍方面有些懷疑。現有以下幾種方案：

• Android就一個Activity，頁面跳躍邏輯都透過 vue-router 來實現。

• 每個頁面都是一個Activity，每個Activity載入各自的 bundle.js 文件，資料透過 storage 模組傳輸。

• 透過navigator模組實現頁面跳轉。

第一種呢，感覺用 vue-router 之後介面很生硬，效果不好。
第二種麼，自己瞎想的，感覺互動會好一點。
第三種，直接不會用，囧…好像打包的js檔案必須是遠端的吧？

不知道有沒有好的解決方案讓weex來優雅地實現頁面跳轉呢？大家都是用的什麼來進行Weex頁面跳轉的呢？

Answer 1

我用的是第三種：var params = {'url':nextUrl,'animated':'true'} 把nextUrl替換成你另外個js檔案的位址就行了，不用遠程，直接本地位址可以。

<template>
  <p class="p">
    <text class="text" onclick="onItemClick">click me! {{message}}</text>
  </p>
</template>
<script>
  var navigator = require('@weex-module/navigator')
  var nextUrl = 'http://dotwe.org/raw/dist/6cd1703a45d7b2752cf05303069ce881.js'
  module.exports ={
    data:{
      message:''
    },
    methods:{
      onItemClick:function(e){
        var params = {'url':nextUrl,'animated':'true'}
        navigator.push(params, function(e) {
          console.log('i am the callback.')
        });
      }
    }
  }
</script>
<style>
  .p {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 750;
    height: 90;
    padding-left:30;
    padding-right:30;
    border-bottom-width: 1;
    border-style: solid;
    border-color: #dddddd;
  }
  .text{
    width: 750;
    height: 90;
  }
</style>

Answer 2

你可以參考下
http://www.jianshu.com/p/497f...