不推荐使用React-Native Navigator，并且已从此程序包中删除

3 回答

• 0

  我用下面的代码来解决我的问题

  main.js

  var React = require('react-native')
  var {
    Navigator,
    StyleSheet
  } = React;
  
  var Login = require('./components/login');
  
  import NavigationExperimental from 'react-native-deprecated-custom-components';
  
  var ROUTES = {
    login: Login
  };
  
  module.exports = React.createClass({
    renderScene: function(route, navigator) {
      var Component = ROUTES[route.name];
      return <Component route={route} navigator={navigator} />;
    },
    render: function() {
      return (
  
        <NavigationExperimental.Navigator
          style={ styles.container }
          initialRoute={ {name: 'login'} }
          renderScene={this.renderScene}
          configureScene={ () => { return NavigationExperimental.Navigator.SceneConfigs.FloatFromRight; } }
        />
      );
    }
  });
  
  var styles = StyleSheet.create({
    container: {
      flex: 1
    }
  });
  

  任何人都让我知道解决这个问题

  我改变了台词

  configureScene={ () => { return NavigationExperimental.Navigator.SceneConfigs.FloatFromRight; } }
  

  至

  configureScene={ () => { return NavigationExperimental.Navigator.SceneConfigs.FloatFromRight; } }
  

  解决我的问题

  回复于 2024-05-17T14:12:17+08:00
• 2

  您现在应该使用Stack Navigator

  import { StackNavigator } from 'react-navigation';
  
  const SimpleApp = StackNavigator({
    Home: { screen: HomeScreen },
    Chat: { screen: ChatScreen },
  });
  
   <Button
            onPress={() => navigate('Chat')}
            title="Chat with Lucy"
          />
  

  参考：https://reactnavigation.org/docs/intro/

  回复于 2024-05-17T14:12:17+08:00
• 6

  如果有人看到这个甚至没有尝试使用 Navigator ，那可能是因为你有一条 import 行

  import * as RN from 'react-native'

  （Webstorm特别习惯于自动插入这些）

  这会为所有RN的导出调用 get ters，从而触发 Navigator 的错误 . 而是使用：

  import {Things, You, Need} from 'react-native'

  回复于 2024-05-17T14:12:17+08:00