从Nativescript中的外部源加载图像

Question

好的，我试图从外部资源加载图片。 我的web api将json返回到我的Nativescript应用程序。

在我的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" />

这 - ^永远不会被渲染。

如果我用位于我本地目录中的图像替换网址：

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

然后它完美无缺。

我尝试通过指向图像的静态链接替换从我的阵列中获取的动态源URL，但它没有被访问（我检查了服务于所述图像的Web服务器上的日志）。

我做错了什么？

编辑：

• 我在iOS上测试

• 我的plist中已经有以下内容：

  NSAppTransportSecurity NSAllowsArbitraryLoads     

Answer 1

实际上在iOS上你需要设置图像控件的高度/宽度;尝试做类似的事情：

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

此外，如果你使用的是NativeScript的v2.30，如果你设置了任何父母＆＃34; color＆＃34;它可以向下传播到图像并导致图像不显示。要修复，请删除＆＃34;颜色＆＃34;来自所有家长或升级到2.4（发布时或@next直到发布）