Javascript 不变冲突：未找到名称Home的视图配置

在React Native项目中练习导航时，我遇到了下面截图上显示的错误：

不变冲突：未找到名称Home的视图配置。这个错误 位于：家中（atSceneView.js:10）

完整的错误详细信息显示在屏幕截图中：

据我所知，在用小写字母命名组件时会出现这种错误，但在我的例子中，它的命名是正确的

以下是my Home.js文件代码：

import React, { Component } from 'react';
import { Platform, StyleSheet, Text, View, Button } from 'react-native';
import firebase from 'firebase';
import Header from './Header';
import LogoutButton from './LogoutButton';
import AlbumList from './AlbumList';
import ALbumDetails from './AlbumDetails';
import LoginForm from './LoginForm';
import { StackNavigator } from 'react-navigation';

export default class Home extends Component {
  static navigationOptions = {
    title: "Strona glowna"
  };

  state = { loggedIn: false };

  goToDetails(){
     this.props.navigation.navigate('ALbumDetails');
  }

  componentWillMount(){
    firebase.initializeApp({
        apiKey: "AIzaSyDsYn7L7qlngJnrYMxDOCp4n7zHJK-jRmw",
        authDomain: "albumsviewer.firebaseapp.com",
        databaseURL: "https://albumsviewer.firebaseio.com",
        projectId: "albumsviewer",
        storageBucket: "albumsviewer.appspot.com",
        messagingSenderId: "897404904381"
      });

      // jezeli sie zaloguje => istnieje obiekt user
      // jezeli sie wyloguje => nie ma obiektu user
    firebase.auth().onAuthStateChanged((user) => {
        if (user){
            this.setState({loggedIn: true});
        }
        else {
            this.setState({loggedIn: false});
        }
    })
}

  renderMainPage(){
    if (this.state.loggedIn){
      return(
        <View>
          <Header headerText="Header Text" />
          <LogoutButton />
          <AlbumList />
        </View>
      );
    }
    else {
      return (
        <LoginForm />
      );
    }
  }

  renderAlbumDetails(){
    /* .. */
  }


  render() {
    return (
      <View style={styles.container}>
        {this.renderMainPage()}
      </View>
    );
  }
}

index.js代码：

import { AppRegistry } from 'react-native';
import AppNavigation from './App';

AppRegistry.registerComponent('albumsViewer', () => AppNavigation);

---

我很困惑如何解决这个问题。提前感谢。

从您的屏幕声明中删除

“

。

屏幕：“主页”

应该是

屏幕：主页

，

屏幕：“相册详细信息”

应该是

屏幕：相册详细信息

@bennygenel，感谢您的快速帮助：）

import { AppRegistry } from 'react-native';
import AppNavigation from './App';

AppRegistry.registerComponent('albumsViewer', () => AppNavigation);