React原生图像不能在较新版本的iOS上渲染
是因为较新版本的iOS引入了一项安全策略，要求所有网络请求必须使用HTTPS协议。而React原生图像组件在加载图片时使用的是HTTP协议，因此无法在较新版本的iOS上渲染。
为了解决这个问题，可以采取以下几种方法：
- 使用HTTPS协议加载图片：将图片资源上传到支持HTTPS的服务器上，并使用HTTPS链接来加载图片。这样可以避免iOS的安全策略限制。
- 使用第三方库或组件：可以使用第三方库或组件来替代React原生图像组件，这些库或组件通常已经解决了HTTPS加载图片的问题，并提供了更多的功能和兼容性。
- 使用Base64编码的图片：将图片转换为Base64编码的字符串，并将其作为数据URI嵌入到React组件中。这样可以避免使用网络请求加载图片，从而解决iOS的安全策略限制。
- 使用CDN加速：将图片资源上传到支持CDN加速的服务器上，通过CDN加速服务来加载图片。CDN可以提供更快的图片加载速度，并且支持HTTPS协议。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：腾讯云对象存储（COS）是一种安全、低成本、高可靠的云存储服务，适用于存储大量非结构化数据，如图片、音视频文件等。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云内容分发网络（CDN）：腾讯云内容分发网络（CDN）是一种全球分布式的加速服务，通过将内容缓存到离用户更近的节点上，提供更快的访问速度和更好的用户体验。详情请参考：https://cloud.tencent.com/product/cdn
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和情况进行。
相关·内容
1回答
React原生图像不能在较新版本的iOS上渲染
ios、reactjs、react-native、ios-simulator
我正在运行模拟器来测试React Native应用程序。一个是运行iOS 12.4的iPhone 6，另一个是运行iOS 14的iPhone 11。我注意到图像不能在iOS 14上显示，但在安卓和iOS 12.4上可以正确渲染。包含图像的元素可以正确呈现，并且可以单击/仍然有效，但任何图像都不会显示。我使用的<
浏览 9提问于2020-10-14得票数 2
回答已采纳
1回答
React Native:在Image组件中显示像素数组(blurhash)
arrays、node.js、reactjs、image、react-native
如何在React Native <Image>组件中显示像素(UInt8ClampedArray或UInt8Array)数组？我正在使用blurhash库来解码web端点发送给我的字符串，比如说UAKBgy~qM|IU0000-;M{_3t5D%RQ00_3xaIU，我想在我的视图中将其呈现为模糊图像。我尝试将其设置为Image源的uri属性，但图像不显示任何内容。<Image source={imgSource} ... decode函数返回一个UInt8Clampe
浏览 30提问于2020-04-07得票数 0
回答已采纳
1回答
我的android react原生应用遇到了问题。我升级到了0.29.1v，增加了一些新功能，比如图像组件上的zIndex和滚动视图组件上的pagingEnabled prop。我做了一个react原生升级，但是这些最近添加到0.29规范中的新功能在我的安卓版本上不起作用(在iOS自动取款机上正常工作)。
如何确保我的andro
浏览 0提问于2016-07-19得票数 0
4回答
升级反应性的最佳方法-本地项目
react-native、react-native-ios
1) react-native upgrade3) npm install react-native@latest --save然后是react-nativerun-android或react-native run-ios
我在我的项目中使用了第三种方式，因为我需要在android文件夹中维护我的文件，比如MainActivity.java、MainApplication.java你能描述一下这
浏览 1提问于2017-10-17得票数 2
回答已采纳
5回答
解毒生成失败，原因是抛出YogaKit.modulemap的致命错误未找到
react-native、detox
Detox构建失败，原因是抛出了YogaKit.modulemap的致命错误未找到但是，通过下面的配置，构建获得了成功
“依赖关系”：{ "react"：“^16.3.0-字母1”、“反应-本机”："0.59.9“}、"
浏览 9提问于2020-04-18得票数 15
1回答
使用React Native打开位置
react-native、location
我想知道是否有可能在没有库的情况下使用React Native打开位置。我只需要打开定位即可。我搜索了一下，但我只找到了关于图书馆的信息。
浏览 30提问于2020-09-16得票数 0
回答已采纳
2回答
如何从URL下载图像并缓存for Android (Reacti-Native)
react-native
我需要从url下载一个图像并将其缓存到应用程序的缓存目录中。我正在开发反应本机平台上的应用程序。我在IOS上工作的队友有一个可以缓存图像的道具，据我所知，这个道具在Android上还不支持。我需要一种为Android缓存图像的好方法。我试过使用rn-fetch-blob库。200, height: 200, resiz
浏览 1提问于2019-11-06得票数 2
回答已采纳
3回答
是否有针对安卓系统的跨平台clearButtonMode与React Native
react-native
应该如何在react原生中实现"X“to clear按钮，以便它既能在iOS上工作，也能在Android上工作。iOS有文本输入选项"clearButtonMode“枚举(‘never’，'while-editing'，‘除非-editing’，'always')。要使其跨平台，我们是否需要添加一个android条件渲染的clear按钮？类似于：
{Platform.OS === '
浏览 0提问于2017-01-22得票数 8
回答已采纳
1回答
在发布模式下react本机应用程序中未显示的图像
ios、react-native
React原生应用程序在调试模式下工作得非常好，但在发布模式下运行时图像不可见。我使用的是react-native@0.62.2。我尝试了react-native iOS app not showing static assets (images) after deploying的一些解决方案，但仍然不起作用。这是我在xcode控制台中得到的 ? 编辑:发现错误是由一个包"react-native-
浏览 10提问于2020-08-26得票数 1
1回答
仅在iOS中渲染本地静态图像的问题(React Native)
ios、image、react-native
我对编程和原生反应都是新手，所以如果这是一个愚蠢的问题，我很抱歉。import { StyleSheet, Text, View, TouchableOpacity, Image } from 'react-native
浏览 1提问于2020-04-27得票数 0
1回答
如何解析未定义的不是对象(计算“”RCTToastAndroid.TOAST“”)
react-native
我想运行一个react原生应用程序。之前，它运行正常。然后，当我添加一个声音并再次运行它时，它显示未定义不是一个对象(计算'RCTToastAndroid.SHORT') 我已经打开了另一个这样的堆栈溢出问题，但它不能解决我的问题
浏览 24提问于2019-04-29得票数 0
1回答
NSAttributedString背景色渲染iOS 10与iOS 11
ios、swift、nsattributedstring
我正在尝试使用NSAttributedString原生地渲染一个“高光”，我注意到它在iOS 10上非常漂亮，在iOS 11上非常无聊。我可以说iOS 10的渲染是正确的。iOS 10：iOS 11显然是错误的，但我猜他们出于性能原因决定牺牲一些绘图计算。iOS 11：我尝试了各种设置，但似乎不可能“轻松”实现在i
浏览 1提问于2018-06-18得票数 0
3回答
React-native和Electron之间的区别
react-native、electron
我想建立一个简单的只读应用程序，应该运行在安卓，iOS，视窗，OSX和Linux。电子支持移动平台吗？我不知道该选哪一个。
浏览 1提问于2016-09-21得票数 37
1回答
将React原生构建到IOS
android、ios、react-native
我用react native做了一个简单的应用程序，我想在Ios和Android上构建它。我已经在android上构建和安装了，但是我不能在Ios上这样做。有没有人有将react原生项目构建到IOS中的命令或完整的步骤？
浏览 1提问于2021-06-17得票数 0
1回答
原生react如何设置PickerItems，如文本颜色，fontSize等，
javascript、react-native、react-redux、styles
我有来自“react-native”的Picker。Picker.Item有：“星期一，星期二，星期三等等”。我想设置文本属性。比如fontSize:20，color:"red“等。但是在那里我不能改变文本的属性。我也尝试使用颜色{{ItemStyle=：“red”}}。
浏览 10提问于2019-07-24得票数 0
回答已采纳
4回答
未在iOS 14升级中加载本机映像
ios、react-native、cocoapods
升级了iOS 14的版本后，React本机生成失败。将XCode生成设置切换到“传统构建设置”，并成功构建。/>Environment:Simulator: IPhone X - 2nd generation - 14.0
"react": "16.11.0&q
浏览 3提问于2020-09-22得票数 7
回答已采纳
1回答
在react-native中重新渲染。我们能优化我面临的问题吗？
javascript、reactjs、react-native、react-native-navigation
import React, { useContext, useEffect, useRef } from "react";import Screen from "..我的问题是，如果我们导航到CategoryList屏幕，那么应该只渲染
浏览 1提问于2021-03-25得票数 1
4回答
如何在React Native iOS中对图像进行透明渐变？
android、ios、react-native
我一直在处理一个有黑色和透明边的图像上的渐变矩形，我一直在寻找react native中的渐变对象，但我没有找到，但是有一个react-native模块可以做到这一点，但问题是它在安卓系统中确实可以透明，但在iOS中，它不能工作，它在透明边显示为白色CAGradi
浏览 14提问于2016-01-30得票数 14
1回答
什么相当于flipper-glog的ios-configure-glog.sh？
react-native-ios、glog、flipper
我在一个react原生应用程序中使用glog时遇到了问题(“机器无法识别”--与构建过程有关，对我的macbook的M1架构感到困惑)。我通过编辑node_modules中的构建脚本，在运行./configure之前复制一个较新版本的config.sub，修复了这个问题。很老套，但很管用。 现在我不得不使用flipper-glog，我也遇到了同样的问题。但是，我找不到用于安装flipper-glog的命令。
浏览 32提问于2021-07-22得票数 0
回答已采纳
3回答
iOS中的React原生渲染图像borderRadius
android、ios、image、react-native
在ios和android中，使用来自react-native的图像组件在不同的方面渲染图像。我正在尝试显示图像与45度角截断每一个角落。我试着使用封面，包含和resizeMode道具封面的中心填充图像内的视图给出45度剪切，但裁剪宽度或高度。0.85 : 0.5}} />
我想在ios上得到未裁剪的图像，这些
浏览 2提问于2019-01-29得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
