我在网上看过一些使用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 } /> } /> ); },});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。