javascript - react native 不变违规 : View config

Question

我正在尝试在 React Native 项目中使用不同的屏幕进行练习。这是我在 App.js 文件中的代码。

import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View
} from 'react-native';

import { StackNavigator } from 'react-navigation';

class HomeScreen extends React.Component {
    static navigationOptions = {
        title: "welcome",
    };
    render() {
        return <Text style={{ color: 'black '}}>Hello, Navigation!</Text>;
    }
}

const navigation = StackNavigator({
    Home: { screen: HomeScreen },

});

export default class App extends Component<{}> {
  render() {
    return <navigation/>;
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#fff',
  },
});

当我运行 react-native run-android 时，我得到一个 Invariant Violation，它告诉我“查看未找到的配置或名称导航”。然后是发生这种违规行为的所有站点。请帮忙，谢谢。

Answer 1

任何组件的名称都必须大写。以您的名义，组件“导航”没有大写。应该是“导航”。