【onsenUI】onsenUIでページ遷移を試す

reactではreact-routerの機能であるhistory.pushやhistory.replaceやhistory.replaceを使った遷移を

することができますが、reactUI提供フレームワークの一つ・onsenUIの中にもこれと類似する遷移機能が

一通り揃っており、同じように遷移アクションを追加することができます。

各関数のreactでの使い方は以下の通り。

//url指定したページに遷移

this.props.navigator.pushPage(’/next’);

//ひとつ前のページに戻る

this.props.navigator.popPage();

//今いるページの履歴を削除して指定したurlのページに遷移する

this.props.navigator.replacePage(‘/top’);

//今まで積み上げてきたpush履歴(ページ)を全て削除して指定したurlのページに遷移する

this.props.navigator.resetPage(‘/top’);

便利な関数が揃っているので今使っているフレームワークがonsenUIであれば

そのまま遷移アクションとして採用してみても良いと思います。