我在网上看过一些使用Navigator.NavigationBar的例子.它看起来很方便,但我不知道如何使用它.在哪里都有文档?
官方没有导游Navigator.Navigation Bar.但是在互联网上你可以找到它的工作原理的例子.下面是我用于其中一个项目的示例.
var PageOne = require('./pageone'),PageTwo = require('./pagetwo'); var NavigationBarRouteMapper = { LeftButton: function( route,navigator,index,navState ){ return( <Text>{ route.leftButton }</Text> ) },Title: function( route,navState ){ return( <Text>{ route.title }</Text> ) },RightButton: function( route,navState ){ return( <Text>{ route.rightButton }</Text> ) } } var App = React.createClass({ renderScene: function( route,nav ) { switch (route.id) { case 'PageOne': return <PageOne navigator={ nav } title={ "PageOne" } /> case 'PageTwo': return <PageTwo navigator={ nav } leftButton={ "Back" } title={ "PageTwo" } />; } },render: function() { return ( <Navigator initialRoute={{ id: 'PageOne',title: 'PageOne' }} renderScene={ this.renderScene } configureScene={( route ) => { if ( route.sceneConfig ) { return route.sceneConfig; } return Navigator.SceneConfigs.FloatFromRight; }} navigationBar={ <Navigator.NavigationBar routeMapper={ NavigationBarRouteMapper } /> } /> ); },});