ayihiscope

主に情報系の話題が好きな大学生の雑記!

OnsenUIでNavigatorとSplitterを同時に使う時には注意が必要です

ざっくり

  • ons-navigatorのstackにSplitterのコンポーネントを入れると不具合がある
  • ons-splitterのsplitter-contentの中にons-navigatorのコンポーネントを使うと上手くいく

遭遇した状況

よくある状況だと思うんですが,

OnsenUIを使うときのページ遷移はons-navigatorというのが簡単に処理してくれます.

ただ,これを使うときにsplitterと一緒に使うとページのpopが反映されない問題に遭遇して,しばらくハマりましたので,メモを残しておきます.

結果としてですが,

<splitter>
    <splitter-side>
    </splitter-side>
    <splitter-content>
        <navigator></navigator>    // ここ
    </splitter-content>
</splitter>

こんな感じで,splitterのcontentの中にnavigatorを定義してページを遷移させないと上手く動かないようです.

参考

community.onsen.io