我在网上看过一些使用Navigator.NavigationBar的例子.它看起来很方便,但我不知道如何使用它.在哪里都有文档？
官方没有导游Navigator.Navigation Bar.但是在互联网上你可以找到它的工作原理的例子.下面是我用于其中一个项目的示例.
原文链接：https://www.f2er.com/react/300946.htmlvar 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 }
/>
}
/>
);
},});
