React native React Native-来自本地主机URL的图像未呈现

React native React Native-来自本地主机URL的图像未呈现,react-native,React Native,我正在尝试显示从保存到后端文件夹的上载图像。它在不同的文件中,所以要检索我必须调用它。但它在我的react原生代码上不起作用,我在android和IOS上测试了它 <Image style={{width: 50, height: 50}} source={{uri: 'http://localhost:3333/files/56337191_1672525486183139_5858638560600522752_n-1574093787215.png'}} /> 当

我正在尝试显示从保存到后端文件夹的上载图像。它在不同的文件中,所以要检索我必须调用它。但它在我的react原生代码上不起作用,我在android和IOS上测试了它

<Image
  style={{width: 50, height: 50}}
  source={{uri: 'http://localhost:3333/files/56337191_1672525486183139_5858638560600522752_n-1574093787215.png'}}
/>


当我在浏览器上打开它时,它会工作。

您是使用外部设备还是计算机上的模拟设备进行测试

本地主机仅在您的计算机上运行,您需要将服务器映射到本地网络上运行或将后端部署到某个位置。我有一个简单的解决办法

请访问ngrok.com 您可以使用它来创建从localhost到临时服务器的安全连接,该临时服务器正在从localhost上的指定端口转发流量

在服务器运行时打开新终端,然后 npm i ngrok-g ngrok http 3333


轻松地将react本机应用程序配置为指向他们提供给您的url,而不是localhost:3333

如果您使用外部设备运行此应用程序,则可能需要将localhost:3333映射到计算机的端口3333。尝试类似于>adb reverse tcp:3333 tcp:3333这样的命令如果是这样的话,我正在外部设备上运行,运行此命令有效吗?如果这是端口映射问题,在控制台中运行
adb reverse tcp:3333 tcp:3333
就足够了。我可以填写一个正确的答案,如果这能为您解决问题,或者如果您需要更多信息。确切地说,我使用的是外部设备。更准确地说,是Android上的博览会。