logo标签列表

如何在React Native中防止URI重新加载时图像闪烁？

javascriptreactjsreact-reduxreact-native
4

我收到一个socket响应，其中包含一个图像的src。每秒钟会重新加载多次，当它更改时，图像会闪烁。有没有办法在加载新的来源时消除这种不必要的闪烁。

只需使用2个图像，将其中一个设置为不可见并翻转，在图像加载后再显示。 - Keith
谢谢Keith，但我正在从套接字获取响应，并将其设置为状态，因此结果组件会再次重新渲染。它已经减慢了屏幕的速度，如果我管理另一个新状态，它会变得非常卡顿。你能帮我想办法如何在不使用任何状态的情况下进行设置吗？这样我就可以使用两个图像，一个用于翻转，另一个设置为不可见。 - Banti Ram
1个回答
0

你可以使用react-native-fast-image来加载uri图片，它非常好用。

嗨@NhuyenManhHoan，你能否在你的回答中添加更多细节？如果你不确定，请查看如何撰写好的答案帮助中心。 - toti08
我也使用了react-native-fast-image，但是每当加载新的src时，即使我设置了高优先级，它仍然会闪烁图片。 - Banti Ram
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接