首页 文章

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

提问于
浏览
0

我已经使用带有导航抽屉模板的nativescript侧踢软件创建了nativescript angular app,我想在本地文件系统的主页中显示图像 .

我正在使用最新的angular和nativescript

APP

  • 图像

本地构建和 Cloud 构建

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

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

<Image src="~/images/intensepic.jpg" ></Image> - >如果我点击"~/images/intensepic.jpg"使用ctrl单击其在项目中失败的查找图像而无法选择图像并且图像未显示在应用程序中 .

<Image src="/app/src/images/intensepic.jpg" ></Image> - >如果我点击"/app/src/images/intensepic.jpg"使用ctrl单击它转到图像路径并选择图像但图像未显示在应用程序中 .

Nativescript Playgrond

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

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

<Image src="~/images/intensepic.jpg" ></Image> - >图片正在app中显示 .

您的问题出现在哪个平台上?两者
enter image description here

2 回答

  • 1

    由于图像文件夹中的图像文件夹不在App资源中,因此无需使用res://图像路径必须有问题试试这个

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

    要么

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

    请仔细阅读doc以了解图像路径的工作原理 .

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

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

    相对路径之间可能根本不起作用 . 如果您确定路径正确,则尝试运行干净的构建以确保复制所有资源 .

相关问题