【问题标题】:Preloading images for faster display预加载图像以加快显示速度
【发布时间】:2015-06-20 06:05:56
【问题描述】:

我目前正在使用“React native”来构建 iOS 应用。

我目前注意到在通过source={{uri: ...}} 从互联网加载图像时在“图像”元素中显示图像时出现问题。有时,我会看到图像出现短暂的白色闪光,就好像它正在重新加载图像一样。这种重新加载与我将图像从一个“图像”元素转移到另一个事实有关。

但是,当使用本地图像(例如来自 XCode)时,不会发生这种“白色闪光”。我现在的想法是预加载图像并将其保存在“本地”,然后使用本地图像作为“图像”组件的源而不是 URL。这也将减少产生的流量。

你能给我一个提示吗?我已阅读“图像”文档,您可以将本地图像作为源,但我还不知道如何“动态”创建它们。

【问题讨论】:

  • 这个问题以前有人问过,请查看here 了解预加载图像的简单方法!
  • 我之前发现过这个帖子,但不确定它是否也适用于 react-native - 是吗?
  • 我不确定,我之前没有使用过 React-Native 但乍一看我不明白为什么它不会?
  • 好吧,我在 )}> 中添加了一个图像,但我还没有在这里连接到另一个线程
  • 我看不出这对本机反应如何有效

标签: javascript image react-native


【解决方案1】:

最新的 RN 现在包含一些预取功能。看https://facebook.github.io/react-native/docs/image.html,看看这两种方法:

getSize 和 prefetch

如果您卡在旧版本上,您还可以阅读此票,了解如何在 iOS 中启用自己的预取:https://github.com/facebook/react-native/issues/2314

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-11-20
    • 2021-02-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多