Full screen background image on HomeScreen in React Native app iphone 11

I'm currently trying to set a full background image on my login view on iphone 11

     const Background = styled.ImageBackground`      padding:20px;      justify-content:center;      width:100%;      height:100%;      `      const styles = StyleSheet.create({            imageContainer: {              flex: 1,              alignItems: 'stretch'            },            image: {              flex: 1            }          });        return <SafeAreaView style={styles.imageContainer}><Background style={styles.image} source={require('../../assets/images/background-cover.jpg')}><CoverLogo width={100} height={100} color={Colors.White} /><Introduction loop={false}><TextHeading text={`TestHeader`} /></Background></SafeAreaView>

Currently what gets outputted:

I want the background to take over the white space. This issue seems to only occur in phone 11s