Логотип обрезается на других устройствах

Я новичок в React Native и столкнулся с проблемой адаптивного изображения. Этот код отлично работает на моем телефоне, но когда я пробую его на другом телефоне, изображение обрезается по бокам.

Я пробовал следующие решения

Адаптивное изображение в React Native

Отзывчивое изображение React Native ширина при неизменном соотношении ширины и высоты изображения

Это полный код https://snack.expo.io/SuHBzDnNi

 return(
      <SafeAreaView style={styles.container}>
        <TouchableOpacity style={styles.Touch} onPress={this.MoveNextPage}>
           <Image resizeMode="contain" source={require("../logo.png")} style={styles.logo}/>
        </TouchableOpacity>
      </SafeAreaView>
    )
  }
}

const styles = StyleSheet.create({
    container:{
        flex:1,
        height:Dev_Height,
        width:Dev_Width,
        justifyContent:"center",
        alignItems:"center",
        backgroundColor:"#121212"
    },
    logo:{
      height:"100%",
      width:"100%"
    },
    Touch:{
      justifyContent:"center",
      alignItems:"center",
      height:"22%",
      width:"40%"
    }
})

Благодарю вас : )