React Reference > Navigator Component

<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.

お困りですか?

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

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

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