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/>大图像低质量
基础教程推荐
猜你喜欢
- 如何在 iPhone 上显示来自 API 的 HTML 文本? 2022-01-01
- 如何在没有IB的情况下将2个按钮添加到右侧的UINavigationbar? 2022-01-01
- 当从同一个组件调用时,两个 IBAction 触发的顺序是什么? 2022-01-01
- 如何让对象对 Cocos2D 中的触摸做出反应? 2022-01-01
- 如何在 UIImageView 中异步加载图像? 2022-01-01
- Android:对话框关闭而不调用关闭 2022-01-01
- UIWebView 委托方法 shouldStartLoadWithRequest:在 WKWebView 中等效? 2022-01-01
- 在 gmail 中为 ios 应用程序检索朋友的朋友 2022-01-01
- Kivy Buildozer 无法构建 apk,命令失败:./distribute.sh -m “kivy"d 2022-01-01
- android 应用程序已发布,但在 google play 中找不到 2022-01-01