NativeScript中的本地图像未显示

Question

我正在学习，现在有一个非常简单的页面。就是这样：

<GridLayout>
    <Label class="m-10 h3" verticalAlignment="top" [text]="team.fields.team.stringValue"></Label>
    <Image [src]="myImageSrc" stretch="none"></Image>
</GridLayout>

当我进入init函数中的页面时，源就会更新：

ngOnInit(): void {
    this.team = this.data.getHomeTeam();
    this.myImageSrc = "~/images/" + this.team.fields.team.stringValue + ".png";
}

我所有的图像都出现在我认为应该在这里的位置：

但是由于某种原因，这是行不通的，当我进入页面时，页面上没有任何显示。对于我的一生，我无法弄清楚为什么不是，我所看到的所有示例都使用这种精确方法。

Answer 1

您的图像名称中带有空格。可能是个问题。 您是否尝试过更改其名称，所以将其命名为“ MyImage.png”而不是“ My Image.png”？如果不能，如何在源路径中添加'，这样它将被视为完整路径：

this.myImageSrc = "'~/images/" + this.team.fields.team.stringValue + ".png'";