我目前正在使用 React Native 开发一个项目，在尝试创建第一组屏幕时，我开始收到此错误...

“错误：元素类型无效：预期为字符串（用于内置组件）或类/函数（用于复合组件），但得到的是：未定义。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。”

我不是 React Native 的初学者，但也不是专家，这是我第一次在 Macbook 上构建 RN。我不确定我是否错过了某个地方的拼写错误，我的路径是否定义正确，或者我是否只是需要另一杯咖啡 - 无论如何，我都希望有另一双眼睛来审视它，任何帮助都将不胜感激。我将在下面发布我的欢迎屏幕组件和 App.js 的代码。除了资产之外，这些是我正在处理的唯一文件。我还将发布我的文件结构的屏幕截图。再次感谢您！

import React from 'react';
import { View } from 'react-native';
import WelcomeScreen from './app/screens/WelcomeScreen';


export default function App() {

  return (
   <WelcomeScreen />
  );

};

import React from 'react';
import { ImageBackgroundComponent, StyleSheet, View } from 'react-native';

function WelcomeScreen(props) {
    return (
        <ImageBackgroundComponent style={styles.background} source={require('../assets/background.jpg')}>
            <View style={styles.loginButton}>

            </View>
        </ImageBackgroundComponent>
    );
}


const styles = StyleSheet.create({
    background: {
        flex: 1,
    },
    loginButton: {
        width: '100%',
        height: 70,
    }
})

export default WelcomeScreen;

文件结构