需要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上起作用。。