我有两个非常简单的组件，Start组件中的pressables无法正常工作，导航或console.log也不行（），我甚至不能用元素检查器检查它们...我是第一次使用react native的ImageBackground，所以我不知道这是否与它有关？尽管，我试着删除它，但我仍然不能按任何东西...以下是我的启动组件的代码：

import React from 'react';
import {ImageBackground, Pressable, StyleSheet, Text, View} from 'react-native';
import { normalize } from '../../utils/helper';
import { colors } from '../../utils/styles';

const image = require('../../assets/images/start-page/start-page-background.png');

export default function Start({navigation}) {
    const handleStartPress = () => {
        console.log('hi');
        navigation.navigate('Home');

    };

  return (
    <View style={styles.container}>
      <ImageBackground source={image} style={styles.image}>
        <Pressable style={styles.startButton} onPress={() => handleStartPress()}>
            <Text style={styles.startText}>Έναρξη</Text>
        </Pressable>
        <View style={styles.footer}>
            <Pressable style={[styles.footerPressable, styles.conditions]}><Text style={styles.footerText}>blah</Text></Pressable>
            <Text style={styles.code}>blah</Text>
            <Pressable style={[styles.footerPressable, styles.policy]} onPress={() => console.log('policy')}><Text style={styles.footerText}>blah</Text></Pressable>
        </View>
      </ImageBackground>
    </View>
  );
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
    },
    image: {
        flex: 1,
    },
    startButton: {
        backgroundColor: colors.main.blue,
        borderRadius: normalize(10),
        paddingHorizontal: normalize(40),
        paddingVertical: normalize(12),
        alignSelf: 'center',
        position: 'absolute',
        bottom: normalize(180),
    },
    startText: {
        color: 'white',
        fontSize: normalize(30),
    },
    footer: {
        paddingVertical: normalize(10),
        position: 'absolute',
        bottom: normalize(15),
    },
    conditions: {
        borderRightColor: 'black',
        borderRightWidth: normalize(1),
        paddingLeft: normalize(10),
        paddingRight: normalize(10),
    },
    policy: {
        paddingLeft: normalize(10),
        //zIndex: 999,
    },
    footerText: {
        fontSize: normalize(16),
        lineHeight: normalize(16),
        color: 'black',
    },
    code: {
        color: colors.main.blue,
        fontWeight: '700',
        fontSize: normalize(16),
        lineHeight: normalize(16),
        borderRightColor: 'black',
        borderRightWidth: normalize(1),
        paddingHorizontal: normalize(10),
    },
  });