我想用Navigator.SceneConfigs(" FloatFromRight"" FloatFromLeft")配置各种场景动画。
在场景中 - 如果我使用已配置的动画调用场景,我会收到错误消息"无法找到变量:导航器" (虽然我认为我从React-Native示例中复制了上面的代码。)
_onPressBar1: function(){
debugger;
this.props.nav.push({
id: 'Login',
sceneConfig: Navigator.SceneConfigs.FloatFromLeft,
});
},
我创建了以下导航器:
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,
}} />
);
}
使用以下renderScene:
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>
);
}
},
答案 0 :(得分:2)
_onPressBar1函数包含在一个不同的文件中,我忘了在React定义中包含Navigator:
var {
Image,
Navigator,
StyleSheet,
Text,
TouchableOpacity,
View,
} = React;