react-native - 徽标在其他设备中被裁剪

Question

我是 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%"
    }
})

谢谢你 ： ）

标签： react-nativereact-native-androidreact-native-iosreact-native-flatlistreact-native-image