<Navigator />

使い方

<Navigator
    renderPage={(route, navigator) =>
     <MyPage
       title={route.title}
       onPop={() => navigator.popPage()}
       />
    }
    initialRoute={{
        title: 'First Page'
    }} />
   }
 }

Prop一覧

名前 型 / デフォルト値 概要
renderPage func This function takes the current route object as a parameter and returns a React component. (翻訳中) 必須
initialRouteStack array

This array contains the initial routes from the Navigator, which will be used to render the initial pages in the renderPage method.

(翻訳中)
Optional.
initialRoute object

This array contains the initial route of the navigator, which will be used to render the initial pages in the renderPage method.

(翻訳中)
Optional.
onPrePush func
() => null
Called just before a page is pushed. It gets an event object with route information. (翻訳中) Optional.
onPostPush func
() => null
Called just after a page is pushed. It gets an event object with route information. (翻訳中) Optional.
onPrePop func
() => null
Called just before a page is popped. It gets an event object with route information. Optional.
onPostPop func
() => null
Called just after a page is popped. It gets an event object with route information. (翻訳中) Optional.
animation string

Animation name. Available animations are "slide", "lift", "fade" and "none". These are platform based animations. For fixed animations, add "-ios" or "-md" suffix to the animation name. E.g. "lift-ios", "lift-md". Defaults values are "slide-ios" and "fade-md".

(翻訳中)
Optional.
animationOptions object Specify the animation’s duration, delay and timing. E.g. {duration: 0.2, delay: 0.4, timing: 'ease-in'}. (翻訳中) Optional.
swipeable union Enables swipe-to-pop functionality for iOS. (翻訳中) Optional.
swipePop func Optional function called on swipe-to-pop. If provided, must perform a popPage with the given options object. (翻訳中) Optional.
onDeviceBackButton func Custom handler for device back button. (翻訳中) Optional.

メソッド

シグネチャ 概要
resetPage(route, options = {}) Resets the current page (翻訳中)
resetPageStack(route, options = {}) Resets the navigator to the current page stack (翻訳中)
pushPage(route, options = {}) Pushes a page to the page stack (翻訳中)
popPage(options = {}) Pops a page out of the page stack (翻訳中)
resetPage(route, options = {}): Promise

Resets the current page (翻訳中)

返り値: 明らかにしたページを解決するPromiseを返します。

パラメーター
名前 概要
route Object The route that the page should be reset to. (翻訳中)
options
resetPageStack(route, options = {}): Promise

Resets the navigator to the current page stack (翻訳中)

返り値: 明らかにしたページを解決するPromiseを返します。

パラメーター
名前 概要
routes Array The routes that the navigator should be reset to. (翻訳中)
options
pushPage(route, options = {}): Promise

Pushes a page to the page stack (翻訳中)

返り値: 明らかにしたページを解決するPromiseを返します。

パラメーター
名前 概要
route Object The route that the navigator should push to. (翻訳中)
options
popPage(options = {}): Promise

Pops a page out of the page stack (翻訳中)

返り値: 明らかにしたページを解決するPromiseを返します。

パラメーター
名前 概要
options

お困りですか?

Onsen UIに関する質問は、Stack Overflowにてonsen-uiタグを付与してください。Onsen UIチームはあなたの問題解決をお手伝いします。

バグ報告や機能要望については、GitHub Issuesに記載をお願いいたします。

あわせて、下記の情報も参考にしてください。