Text doesn't appear react native

I made a component but the text is only appearing on Iphone X and not smaller devices like Iphone 8, not sure if i'm missing something ?

const TextComponent = () => {
    return (
        <SafeAreaView style={{ flex: 1, backgroundColor: 'green' }}>
            <Image
                style={styles.emptyStimageateImage}
                source={require('./pic.png')} />
            <Text style={styles.title}>{title}</Text>
            <Text style={styles.content}>{partOne}</Text>
            <Text style={styles.content}>{partTwo}</Text>
        </SafeAreaView>
    )
}

const styles = StyleSheet.create({
    image: {
        width: wp('100%'),
        height: wp('80%'),
    },
    title: {
        fontSize: 20,
        color: 'red',
        padding: 10,
        fontWeight: 700
    },
    content: {
        fontSize: 700,
        color: 'green',
        padding: 10,
    }
})

export default TextComponent