反应-本地世博会从url加载源图像是缓慢的。

Question

使用react本地博览会。

一旦在其中一个页面中执行操作，如果操作成功，它将转发到另一个只包含有图像的视图的页面，url中的图像可以随时更改(其他用户不考虑应用程序)。我遇到了一个问题，当图像被更改时，前面的图像仍然在缓存中，所以它正在加载前一个图像。解决方案是在url末尾添加“xxx”，它将始终刷新到当前图像。

现在的问题是，它需要大约2-3秒的时间来加载图像，而我不能这样做。有没有一种方法可以更快地从url加载图像？

下面是在最后一页中显示图像的代码：

return (
    <SafeAreaView style={[{ flex: 1 }]}>
      <View style={[{ height: "8%", backgroundColor: "#EE7629" }]}>
        <TouchableOpacity style={styles.backStyle} onPress={navToTakeCart}>
          <Text style={styles.backText}>Go Back</Text>
        </TouchableOpacity>
      </View>
      <View style={[{ height: "92%", backgroundColor: "#EE7629" }]}>
        <Image
          source={{
            uri:
              "https://click2lock.azurewebsites.net/Images/AdvertiseImg/Image" +
              compId +
              ".jpeg?1",
          }}
          style={{ width: "100%", height: "100%", resizeMode: "stretch" }}
        />
      </View>
    </SafeAreaView>
  );

谢谢

Answer 1

对于我来说，同样的问题，我正在寻找一个解决这个网络相关问题的办法，在我搜索的时候，我看到了一些关于使用FastImage的建议，也看到了一个世博的实现，但是在我的应用上没有成功地实现它。