在 Nativescript 中从外部源加载图像

Loading an image from an external source in Nativescript

好的,我正在尝试从外部资源加载图像。 我的网站 api returns 我的 Nativescript 应用程序 json

在我的 Nativescript 代码中,我解析了从 api 中检索到的 json,以手动构建视图。一切正常,但图像部分。

对于图片,我是这样处理的:

var image = new imageModule.Image()
image.src = page.bindingContext.news.getItem(args.index).image_original_link

然后我通过 addChild 将它附加到我的布局中。

我也试过通过XML模板来做,我遇到了同样的问题:

<Image src="https://www.google.com/images/errors/logo_sm_2.png" stretch="none" />

这 --^ 永远不会呈现。

如果我用本地目录中的图像替换 url:

image.src = "~/images/foo.png"

那就完美了。

我试图用静态 link 替换从我的数组中获取的动态源 url 到图像,但它没有被访问(我检查了提供该图像的网络服务器上的日志)。

我做错了什么?

编辑:

其实在iOS你需要设置图片控件的height/width;尝试做类似的事情:

<Image src="https://www.google.com/images/errors/logo_sm_2.png" stretch="none" width="100" height="100"/>

此外,如果您使用的是 NativeScript 的 v2.30,则如果您设置任何父级 "color",就会出现错误,它会传播到图像并导致图像不显示。要修复,请从所有父级中删除 "color" 或升级到 2.4(发布时或@next 直到发布)