Nativescript角度本地文件系统图像未显示

Question

我已使用带有导航抽屉模板的nativescript侧踢软件创建了nativescript angular应用程序，我想在本地文件系统的首页中显示图像。

我正在使用最新的angular和nativescript

APP

->图片

->主页

本地构建和云构建

<Image src="res://icon" ></Image>->显示图片

<Image src="../images/intensepic.jpg" ></Image>->如果我使用ctrl单击“ ..images / intensepic.jpg”，然后单击其转到项目中图像的路径并选择图像，但图像未显示在应用程序中。

<Image src="~/images/intensepic.jpg" ></Image>->如果我使用ctrl单击“〜/ images / intensepic.jpg”，并单击其在项目中找不到图像失败，并且无法选择图像，并且图像未显示在应用程序中。 >

<Image src="/app/src/images/intensepic.jpg" ></Image>->如果我使用ctrl单击“ /app/src/images/intensepic.jpg”，请单击其转到图像的路径并选择图像，但是图像未显示在应用程序中。

本机游戏地带

<Image src="res://icon" ></Image>->显示图片

<Image src="../images/intensepic.jpg" ></Image>->图片未显示在应用中。

<Image src="~/images/intensepic.jpg" ></Image>->图片显示在应用中。

您的问题在哪个平台上发生？ 都

Answer 1

因为强烈图片位于图像文件夹中，而不位于应用程序资源中，因此无需使用res：// 图像路径一定有问题 试试这个

<Image src="~/images/intensepic.jpg"></Image>

或

<Image src="~/app/images/intensepic.jpg"></Image>

Answer 2

请通过doc了解图像路径的工作原理。

res://-如果图像位于App_Resources内的iOS / Android可绘制文件夹中，则使用前缀。

~/-指向应用程序目录。

相对路径之间可能根本不起作用。如果您确定路径正确，请尝试运行干净的版本以确保所有资源都已复制。