2

onsen-uiのnavigatorを利用しています。ページスタックがある場合のみ「戻る」ボタンを表示するようにしたいのですが、navigator.resetToPage()から発生するprepush, postpushイベント内ではnavigator.getPages()が正しい値を返さないようです。

navigator.on("prepush", function(e) {
  var pages = navigator.getPages();
  console.log(pages.length); //1
});

navigator.on("postpush", function(e) {
  var pages = navigator.getPages();
  console.log(pages.length); //2
});

navigator.resetToPage("pages/hoge.html");

resetToPage直後のprepush, postpush内のnavigator.getPages()ではpushPageのときと同じ値(上のコードではprepush:1, postPush:2)が返ります。もし、そこまでにページスタックが3つ貯まっていれば、prepush:3, postPush:4 になります。

ページスタックがクリアされるため、どちらも本来はprePush:0、postPush:1が返るべきだと思います。resetToPage後、もう一度pushPageをするとクリア後の正しい値(prepush:1, postPush:2)が返ります。

こちらの現象を回避する方法はありませんでしょうか。resetToPageのコールバックでonTransitionEndを設定すると、その中では正しい値が返るようですが、prePush、postPushを利用したいです。

2 件の回答 2

2

resetToPageの実装は以下のようになっています。

  resetToPage: function(page, options) {
    options = options || {};

    if (!options.animator && !options.animation) {
      options.animation = 'none';
    }

    var onTransitionEnd = options.onTransitionEnd || function() {};
    var self = this;

    options.onTransitionEnd = function() {
      while (self.pages.length > 1) {
        self.pages.shift().destroy();
      }
      self._scope.$digest();
      onTransitionEnd();
    };

    this.pushPage(page, options);
  },

「ページスタックを空にしてからpushPage()」ではなく、「pushPage()が完了してからページスタックを空に」しています。onTransitionEndに指定した関数はpostpushイベントの発行後、ページスタックの破棄の後に実行されるためにご質問のような現象が起こります。
pushPage()の前にページスタックを空にしないのは、resetToPage()でアニメーション遷移するケースを想定してのことではないかと思います(確証はありませんが)。

上記のような仕様のため、現在のバージョン1.3.14時点ではprepushpostpushを用いた方法では解決できません。onTransitionEndオプションを利用するか、
onsBackButtonディレクティブがそうしているようにnavigator.pages.length$watch()しましょう。

-1

navigatorwindowに宣言されているので、
window.navigatorで呼んでみてはいかがでしょうか?

また、ページ数をチェックして戻るか決めているようですが、
戻れるかどうかチェックをかけるだけなら
window.navigator.canPopPage();//true or false
……では、いけないのでしょうか?

3
  • ありがとうございます。navigatorのスコープについては問題となっておりません。navigator.canPopPageというメソッドはないように思われますが・・あれば助かるんですけどね。 ja.onsen.io/reference/ons-navigator.html
    – tosin
    Commented 2015年12月7日 19:59
  • @tosin navigator.canPopPage()というメソッドは今のところ存在しますが、その実装はreturn this.pages.length > 1;これだけです。ドキュメントに記載の無いメソッドですので、予告なく変更/廃止される可能性があり、自前で実装したほうが安全かもしれません。
    – cither
    Commented 2015年12月8日 0:12
  • @cither 失礼しました、あるんですね。その実装ですと質問のソースと実質同じなので、citherさんの情報と併せると今回のケースでは利用できなさそうですね。参考になりました、ありがとうございます。
    – tosin
    Commented 2015年12月8日 3:58

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。