React native Navigator.sceneFigs可以';找不到变量:Navigator
我想使用Navigator.sceneconfig(“FloatFromRight”和“FloatFromLeft”)配置各种场景动画 在场景中-如果我使用配置的动画调用场景,我会收到错误消息“找不到变量:Navigator”(尽管我认为我从React本机示例复制了上面的代码) 我创建了以下导航器:React native Navigator.sceneFigs可以';找不到变量:Navigator,react-native,React Native,我想使用Navigator.sceneconfig(“FloatFromRight”和“FloatFromLeft”)配置各种场景动画 在场景中-如果我使用配置的动画调用场景,我会收到错误消息“找不到变量:Navigator”(尽管我认为我从React本机示例复制了上面的代码) 我创建了以下导航器: render: function() { return ( <Navigator style={styles.container} re
render: function() {
return (
<Navigator
style={styles.container}
renderScene ={this.renderScene}
configureScene={(route) => {
if (route.sceneConfig) {
return route.sceneConfig;
}
return Navigator.SceneConfigs.FloatFromRight;
}}
initialRoute={{
id: 'Login',
index: 0,
}} />
);
}
render:function(){
返回(
{
if(路由场景图){
返回路线.sceneConfig;
}
从右侧返回Navigator.sceneconfig.floatfrom;
}}
初始路线={{
id:'登录',
索引:0,
}} />
);
}
使用以下渲染场景:
renderScene: function(route, navigator){
if ('Login' === route.id) {
return (
<View style={{flex: 1}}>
<TopBar nav={navigator} displBackIcon={false} />
<Login
name={route.name}
navigator={navigator} />
<BottomBar nav={navigator} currentPage={route.id} />
</View>
);
} else if ('Test' === route.id) {
return (
<View style={{flex: 1}}>
<TopBar nav={navigator} displBackIcon={false} />
<Test
navigator={navigator} />
<BottomBar nav={navigator} currentPage={route.id} />
</View>
);
}
},
renderScene:函数(路由、导航器){
if('Login'==route.id){
返回(
);
}else if('Test'==route.id){
返回(
);
}
},
另一个文件中包含了_onPressBar1函数,我忘了在React定义中包含导航器:
var{
形象,,
领航员,
样式表,
文本,
可触摸不透明度,
看法
}=反应代码>在另一个文件中包含了_onPressBar1函数,我忘记在React定义中包含导航器:
var{
形象,,
领航员,
样式表,
文本,
可触摸不透明度,
看法
}=反应代码>
renderScene: function(route, navigator){
if ('Login' === route.id) {
return (
<View style={{flex: 1}}>
<TopBar nav={navigator} displBackIcon={false} />
<Login
name={route.name}
navigator={navigator} />
<BottomBar nav={navigator} currentPage={route.id} />
</View>
);
} else if ('Test' === route.id) {
return (
<View style={{flex: 1}}>
<TopBar nav={navigator} displBackIcon={false} />
<Test
navigator={navigator} />
<BottomBar nav={navigator} currentPage={route.id} />
</View>
);
}
},