Navigator.SceneConfigs无法找到变量:Navigator

时间:2015-11-21 09:56:58

标签: react-native

我想用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>
      );
    } 
  },

1 个答案:

答案 0 :(得分:2)

_onPressBar1函数包含在一个不同的文件中,我忘了在React定义中包含Navigator: var { Image, Navigator, StyleSheet, Text, TouchableOpacity, View, } = React;