React-navigation 不是组件类型？

Question

非常基本的例子。我正在尝试在我的 App 组件中呈现我的 StackNavigator，我得到 "Expected a component class, got [object object]"。我已经看到它在几个不同的教程中工作，但我试图在一个项目中修补一些东西，而在这样做时，这个非常基本的问题让我无法继续。我将不胜感激任何帮助，谢谢！

我当前的代码：

import React, { Component } from 'react';
import { StackNavigator } from "react-navigation";

import { View, Text } from 'react-native';

class MainScreen extends Component {
  static navigationOptions = {
    title: "Welcome"
  };

  render() {
    return (
      <View>
        <Text>Welcome to React Navigation</Text>
      </View>
    );
  }
}

const mainNav = StackNavigator({
  // Login: { screen: LoginScreen },
  Main: { screen: MainScreen }
});



class App extends Component {
  render() {
    return (
      <mainNav />
    );
  }
}


export default App;

Answer 1

您需要将 mainNav 重命名为 MainNav，因为 JSX 要求组件大写。

React-navigation 不是组件类型？

React-navigation not a component type?

reactjs

react-native

react-navigation