需要Android React Native Navigator的帮助吗

需要Android React Native Navigator的帮助吗,android,react-native,Android,React Native,我正在尝试一个简单的导航流程。下面是我的代码。 第一页和第二页是两个目标导航点。 最终的结果只是一个空白的白页,没有错误..看不到导航栏或屏幕上的任何东西。。如有任何帮助,我将不胜感激 谢谢 //Nav.js var PageOne = require('./pageone'), PageTwo = require('./pagetwo'), React = require('react-native'); var { Navigator, Text, View, } = Re

我正在尝试一个简单的导航流程。下面是我的代码。 第一页和第二页是两个目标导航点。 最终的结果只是一个空白的白页,没有错误..看不到导航栏或屏幕上的任何东西。。如有任何帮助,我将不胜感激

谢谢

//Nav.js


var PageOne = require('./pageone'),
PageTwo = require('./pagetwo'),
React = require('react-native');

var {
  Navigator,
  Text,
  View,
} = React;

var NavigationBarRouteMapper = { 
  LeftButton: function( route, navigator, index, navState ){
    return(
      <Text>{ route.leftButton }</Text>
    )
  },
  Title: function( route, navigator, index, navState ){
    return(
      <Text>{ route.title }</Text>
    )
  },
  RightButton: function( route, navigator, index, navState ){
    return(
      <Text>{ route.rightButton }</Text>
    )
  }
}

var Nav = 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 }/>
        }/>
    );
  },
});

module.exports=Nav;
//Nav.js
var PageOne=需要('./PageOne'),
PageTwo=需要('./PageTwo'),
React=要求('React-native');
变量{
领航员,
文本,
看法
}=反应;
var NavigationBarRouteMapper={
LeftButton:功能(路由、导航器、索引、导航状态){
返回(
{route.leftButton}
)
},
标题:功能(路线、导航器、索引、导航状态){
返回(
{route.title}
)
},
右按钮:功能(路线、导航器、索引、导航状态){
返回(
{route.rightButton}
)
}
}
var Nav=React.createClass({
renderScene:功能(路线、导航){
交换机(route.id){
案例“第一页”:
返回
案例“第二页”:
返回
}
},
render:function(){
返回(
{
if(route.sceneConfig){
返回路线.sceneConfig;
}
从右侧返回Navigator.sceneconfig.floatfrom;
}}
导航栏={
}/>
);
},
});
模块输出=导航;

确保PageOne或PageTwo容器元素具有样式属性:

flex: 1 弹性:1 例如:

<View style={{flex: 1}}>
...
</View>

...

谢谢你的建议。它不起作用..不知道导航是否在Android上起作用。。