时间戳

首页 > 解决方案 > React Native没有显示，但我做的一切都是正确的

javascript - React Native没有显示，但我做的一切都是正确的

问题描述

<ScrollView style={{ flex: 1 }}>
  <Text style={{ marginTop: 50 }}> HELLOOx</Text>
  <Image
    style={{ width: 200, height: 200 }}
    source={{
      uri:
        "https://cdn.pixabay.com/photo/2016/10/02/22/17/red-t-shirt-1710578_1280.jpg",
    }}
  />
  <Image
    source={{
      uri:
        "https://cdn.pixabay.com/photo/2014/10/23/18/05/burger-500054_1280.jpg",
    }}
    style={{ width: 200, height: 200 }}
  />
</ScrollView>

第一张图片不加载，但第二张图片加载。有什么猜测吗？在此处输入图像描述

标签： javascriptandroidreact-native

解决方案

由于一些奇怪和奇怪的原因，它再次开始加载图像。我发现这些图像具有内容类型：/webp，即使它们是.jpg。我添加了以下两行

implementation 'com.facebook.fresco:animated-webp:1.10.0'
implementation 'com.facebook.fresco:webpsupport:1.10.0'

在“ \node_modules\unimodules-app-loader\android ”

然后我重新启动了应用程序，但它没有工作。我一直在刷新然后在模拟器上我错误地按了CTRL-Z，应用程序崩溃了，然后当我重新启动它时，它开始以某种方式加载它们。

推荐阅读