我的react本机代码构建正确，没有错误。但是代码没有在屏幕上显示任何内容。有什么提示我可能做错了什么吗？我已经多次检查代码，并在网上搜索了无数个小时。仍然没有找到任何东西。

import React from 'react';
import { StyleSheet, Text, Image, View, StatusBar, SafeAreaView } from 'react-native';

const HomeScreen = () => {
    return (
        <View style={styles.container}>
            <SafeAreaView>
                <View style={styles.profile}>
                    <Text style={styles.name}>Home Screen</Text>
                    <Image
                        source={require('../../assets/images/tree_sunset.jpg')} 
                        style={styles.imageProfile}
                    />
                </View>
            </SafeAreaView>
        </View>
    );
};

const styles = StyleSheet.create({
    container: {
        flex: 1,
    },
    profile: {
        flexDirection: 'row',
        backgroundColor: '#EEE',
    },
    imageProfile: {
        width: 34,
        marginBottom: 5,
        marginTop: 5,
        borderRadius: 44/2,
        marginLeft: 10,
        height: 34
    },
    name: {
        alignSelf: 'center',
        marginLeft: 10,
        fontSize: 130
    }
});

export default HomeScreen