blocks|key|2874657|text|也许这似乎是一个问题，因为Android不允许http。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2874658|请在更改Android设置后生成一个新的Android，如下所示。|2874659|2874660|android/app/src/main/AndroidManifest.xml|unordered-list-item|2874661|2874662|<application
++++++++android:usesCleartextTraffic="true">+//+you+add+this
...
</application>|code-block|syntax|javascript|2874663|entityMap^0|D|7|N|4|0|4|7|K|7|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]|$9|W|A|X|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|13|8|@]|D|@]|E|$]]|$1|I|3|J|5|K|7|14|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|15|8|@]|D|@]|E|$]]|$1|M|3|N|5|O|7|16|8|@]|D|@]|E|$P|Q]]|$1|R|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|S|$]]

Perhaps it seems to be a problem that arises because <code>Android</code> does not allow <code>http</code>.
Please build a new <code>Android</code> after changing <code>Android</code> settings as follows.
<ul>
<li>android/app/src/main/AndroidManifest.xml</li>
</ul>
<pre class="lang-xml prettyprint-override"><code>&lt;application
 android:usesCleartextTraffic=&quot;true&quot;&gt; // you add this
...
&lt;/application&gt;
</code></pre>

blocks|key|2874669|text|你能解决这个问题吗？我也有同样的问题，我用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2874670|simulator|2874671|cd+android+&&+./gradlew+clean|unordered-list-item|offset|length|style|CODE|2874672|
|2874673|wipe+|2874674|2874675|关闭android+studio设备管理器|2874676|
中的android+|2874677|数据|2874678|2874679|并运行react-native+start+--reset-cache+&&+react-native+run-android|2874680|entityMap^0|0|0|0|T|0|0|0|0|0|0|0|0|3|1O|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|12|8|@$G|13|H|14|I|J]]|9|@]|A|$]]|$1|K|3|L|5|6|7|15|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|16|8|@]|9|@]|A|$]]|$1|O|3|L|5|6|7|17|8|@]|9|@]|A|$]]|$1|P|3|Q|5|F|7|18|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|19|8|@]|9|@]|A|$]]|$1|T|3|U|5|F|7|1A|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|1C|8|@$G|1D|H|1E|I|J]]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|Z|$]]

you can solve this problem?
I have the same problem and I fixed it by
<ol>
<li>close android simulator</li>
<li><code>cd android &amp;&amp; ./gradlew clean</code></li>
<li>wipe data in android studio device manager</li>
</ol>
and run <code>react-native start --reset-cache &amp;&amp; react-native run-android</code>

blocks|key|1637409|text|尝试在uri+(单引号或双引号)中给直接链接，.This可能在android中工作，而您的resizemode也必须包含在样式中。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1637410|​|1637411|++++++++<Image
++++++++++style={styles.image}
++++++++++source={{
++++++++++uri:+'https://reactnative.dev/img/tiny_logo.png',
++++++++++}}
++++++++/>|code-block|syntax|javascript|1637412|1637413|entityMap^0|I|4|V|7|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|V|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|W|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|O|$]]

Try giving direct link in the uri within quotes (single or double).This might work in android and your resizemode will also have to come inside the styles.
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code> &lt;Image
 style={styles.image}
 source={{
 uri: 'https://reactnative.dev/img/tiny_logo.png',
 }}
 /&gt;</code></pre>
</div>
</div>

blocks|key|2874723|text|我不依赖于Android仿真器来处理来自URL的图像，尤其是那些来自API的图片。通常，硬编码的URL运行良好。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2874724|但是，我注意到iOS模拟器在这个方面给出了类似于iPhone的结果。Android的情况并非如此。在从API中获取图像时，将其存储在电话中的store逻辑/AsyncStorage中，我注意到真正的Android设备显示的图片比Android模拟器要多得多。我花了很长时间才弄清楚为什么图像不能在安卓系统上工作，而是在iOS上工作，并且有很多关于堆栈溢出的主题。很明显，他们确实起了作用，但在真正的设备上.是的，在调试期间，我检查了http+&+https。这些图像是在https上发布的。我也有width和height套装。|2874725|有点令人沮丧，但我很好奇是否还有更多的人经历过这个问题。|2874726|entityMap^0|5|7|0|7|3|O|6|Y|7|1Y|5|26|C|2R|7|36|7|60|4|67|5|6J|5|6W|5|72|6|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|C]|$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]|$9|15|A|16|B|C]|$9|17|A|18|B|C]|$9|19|A|1A|B|C]|$9|1B|A|1C|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|1D|8|@]|D|@]|E|$]]|$1|J|3|-4|5|6|7|1E|8|@]|D|@]|E|$]]]|K|$]]

I don't rely on the <code>Android</code> simulator regarding images from URL, especially if those are coming from API's. Hardcoded URL's, in general, are working fine.
However, I've noticed the <code>iOS</code> simulator regarding that aspect gives similar results to an <code>iPhone</code>. It's not the case for <code>Android</code>. While fetching images from API's, storing it on the phone in <code>store</code> logic/<code>AsyncStorage</code> I've noticed the real <code>Android</code> device shows way more pictures than the <code>Android</code> simulator. It took me such a long time to find out why images do not work on Android, but work on iOS with lots of topics on Stack Overflow. Apparently, they did work, but on real device... Yes, during debugging I've checked <code>http</code> &amp; <code>https</code>. Those images were served over <code>https</code>. I've had also <code>width</code> and <code>height</code> set.
A bit frustrating, but I'm quite curious if there are more folks experienced that issue.

blocks|key|2874756|text|我也遇到了同样的问题，但是当我退出模拟器中的应用程序并重新打开它时，它是很好的，尽管它不是最好的解决方案，我想。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2874757|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I had the same problem, but when I quit the app in the emulator and reopened it, it was fine, although it's not the best solution, I guess

blocks|key|3183157|text|可能是存储权限。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|3183158|检查手机上的应用程序详细信息，并给予应用程序存储许可。|3183159|entityMap^0|3|4|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

It might be the Storage Permission.
Check the app details on the phone and give storage permission to the app

I am working on a react-native app. I am fetching some images from an API and displaying them as a flat-list. The problem is that these images show perfectly on the ios emulator but do not display on the android emulator. I have set the widths and heights to the images but the issue remains the same. 
Here is the code below 
Component
<pre class="lang-js prettyprint-override"><code> &lt;Image
 style={styles.image}
 source={{
 uri: image,
 }}
 resizeMode=&quot;contain&quot;
 /&gt;
</code></pre>
Styles
<pre class="lang-js prettyprint-override"><code>

container__image: {
 width: '100%',
 },
 image: {
 width: '100%',
 height: 200,
 resizeMode: 'contain',
 },
</code></pre>
The <code>image</code> in front of the <code>uri</code> is a prop that contains the <code>http</code> address of the image.

React Native: uri image not showing on android but perfectly displays on the ios emulator

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在做一个反应-本地应用程序。我正在从API中获取一些图像，并将它们显示为一个平面列表。问题是，这些图像在ios模拟器上显示得很好，但没有显示在android模拟器上。我已经设定了图像的宽度和高度，但问题依然存在。下面是代码组件 <Image style={styles.image} ...

问the本机: uri映像没有显示在android上，而是完美地显示在ios模拟器上
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问the本机: uri映像没有显示在android上，而是完美地显示在ios模拟器上EN