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