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 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>*
沃梦达教程
本文标题为:React Native 0.57.x <Image/>大图像低质量


猜你喜欢
- 使用自定义动画时在 iOS9 上忽略 edgesForExtendedLayout 2022-01-01
- Android viewpager检测滑动超出范围 2022-01-01
- 想使用ViewPager,无法识别android.support.*? 2022-01-01
- 用 Swift 实现 UITextFieldDelegate 2022-01-01
- 在测试浓缩咖啡时,Android设备不会在屏幕上启动活动 2022-01-01
- Android - 拆分 Drawable 2022-01-01
- MalformedJsonException:在第1行第1列路径中使用JsonReader.setLenient(True)接受格式错误的JSON 2022-01-01
- android 4中的android RadioButton问题 2022-01-01
- Android - 我如何找出用户有多少未读电子邮件? 2022-01-01
- 如何检查发送到 Android 应用程序的 Firebase 消息的传递状态? 2022-01-01