React native react native for windows UWP-如何加载本地光栅图像资源

我正在使用react native for windows UWP。我不知道如何加载本地光栅图像资产，我想与应用程序一起打包。我当前正在将图像文件放在windows/foobar/Assets/（其中foobar是应用程序的名称）。我最初的假设是，我可以简单地在源代码中要求它们，如下所示：

<Image style={{ width: 50, height: 50}} uri={require('./windows/foobar/Assets/energy.png')} />

我不明白为什么这种格式可以工作，但本地路径会失败

我见过其他例子说明我应该使用：

uri={require('ms-appx:///ReactAssets/energy.png')}

但这并不能解决问题

最后，我假设我需要告诉react native for windows我想在我的应用程序中包含的资产，这样它们就可以通过某种资源包来解决，但我没有找到任何关于如何实现这一点的文档。我该怎么办？

接下来的讨论有点让人困惑，但最终我找到了正确的答案

将图像放在

windows\\{yourprojectname}\image

在Visual Studio中的

windows\{yourprojectname}.sln打开windows解决方案

在解决方案资源管理器的顶部，单击“显示所有文件”

展开通用Windows应用程序的项目，找到“图像”文件夹，右键单击图像文件并选择“包含在项目中”。保存所有文件

重新启动反应本机

现在，您可以通过以下方式参考图像：

uri={require('ms-appx:///ReactAssets/energy.png')}