带路径的NativeScript图像无法加载,但url可以正常工作

时间:2018-11-09 16:13:17

标签: angular nativescript

当我使用文件路径时,未显示我的NativeScript图像。我的代码当前如下所示:

<StackLayout>
    <Image src="~/assets/logo"></Image>
    <Image src="https://play.nativescript.org/dist/assets/img/NativeScript_logo.png"></Image>
</StackLayout>

使用url的下图显示,但上面的图则没有。

我也尝试过这些:

    <Image src="/assets/logo.png"></Image>
    <Image src="../assets/logo.png"></Image>
    <Image src="../../assets/logo.png"></Image>  

还有其他选项,但无济于事。

我的assets文件夹中有一个文件夹app,里面有一个logo.png图片,这是上面网址中的图片。

我也没有收到任何控制台消息,它找不到我的文件。

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

假设您的结构如下:

app/ assets/ logo.png components/ ... app.component.ts ...

我建议尝试: <Image src="~/assets/logo.png"></Image>

~/表示您正在查找项目的主目录。

检查app是否实际上是您的主目录。它可能在src上方app。然后,您需要参加~/app/asset/...

答案 1 :(得分:0)

它应该包含扩展名

 <Image src="~/assets/logo.png"></Image>