本文介绍了React Native 0.57.x <Image/>大图像低质量的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!
问题描述
即使使用 resizeMethod="resize"
加载大型捆绑图像时质量也确实很差.这仅发生在 Android 上,不会发生在任何 iOS 模拟器/设备上.已在 Android 8.1 模拟器和带有 Android 8.0 的 LG G6 上对其进行了测试.请看下面的截图.
在左侧屏幕截图中,我们看到使用 RN 0.56.0 运行的完全相同的代码,在右侧屏幕截图中,我们看到 RN 0.57.5.代码只是一个简单的图像 <Image source={require('./assets/ELHall1.png')} resizeMethod="resize"/>
并且图像大小为 2111x 4645 像素
.这两个项目都是使用 react-native init RN057ImageTest
和 react-native init --version="0.56.0" RN056ImageTest
全新安装的.
带有图片的简单应用
<代码>...类型道具 = {};导出默认类 App 扩展组件<Props>{使成为() {返回 (<查看样式={styles.container}>{/*<Text style={styles.welcome}>欢迎使用 React Native!</Text><Text style={styles.instructions}>要开始,编辑 App.js</Text><文本样式={styles.instructions}>{instructions}</Text>*本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!