在React Native Image组件中处理配置文件图像的正确方法是什么?

时间:2018-12-29 06:13:22

标签: android ios reactjs react-native

我正在研究react native(0.57),并使用Flatlist在“联系人”部分显示可用用户列表。每个列表项都会显示-个人资料图片和姓名。

Q1:从服务器加载配置文件图像的最佳方法是什么。我有以下选择:

  1. 每个用户的个人资料图像必须具有固定的url->但在这种情况下, 如果个人资料图像更改为,则图像不会自动刷新 服务器。可能是由于缓存问题。

  2. 每个用户的个人资料图像网址都必须更改->在这种情况下, 我可以告诉应用程序保持显示较旧的个人资料图片,直到 加载新图像,而不是显示固定的占位符虚拟图像。

Q2:我应该始终从服务器请求最新的图像URL,然后从该新URL中获取图像吗?还是必须将图像托管为带有身份验证的typz目录。

我可以采用错误的方法吗?抱歉,实施起来非常简单明了,但我感到困惑。

1 个答案:

答案 0 :(得分:1)

这实际上取决于您的服务器,假设您使用的是NodeJS Express服务器,那么您将通过以下链接向服务器发出API请求:http://localhost:5000或类似的内容。

现在,在客户端(React Native)上,每次需要用户配置文件IE时,您都应该向服务器端发出HTTP请求:如果您单击查看配置文件,客户端将向服务器端发出请求(可能的情况:http://localhost:5000/api/getProfile/userID),则服务器端将发送最新用户配置文件信息的响应,而在客户端,您可以将其保存在Redux之类的临时存储中,并使用渲染逻辑进行显示。