React Native 0.57.x <Image/>大图像低质量

React Native 0.57.x lt;Image/gt; large images low quality(React Native 0.57.x lt;Image/gt;大图像低质量)

本文介绍了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 RN057ImageTestreact-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>*

本文标题为:React Native 0.57.x &lt;Image/&gt;大图像低质量

基础教程推荐