React-navigation不是组件类型?

时间:2017-10-07 20:24:14

标签: reactjs react-native react-navigation

非常基本的例子。我正在尝试在我的App组件中渲染我的StackNavigator,并且我得到“预期组件类,得到[对象对象]”。我已经看到它在几个不同的教程上工作,但我正在尝试在一个项目中修补一些东西,而在这样做时,非常基本的问题不让我继续。我将不胜感激,谢谢!

我目前的代码:

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;

1 个答案:

答案 0 :(得分:2)

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