javascript - 在 Nativescript 中从外部源加载图像

Question

好的，我正在尝试从外部资源加载图像。 我的网络 API 向我的 Nativescript 应用程序返回一个 json。

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

对于图像，我是这样处理的:

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" />

this --^ 永远不会被渲染。

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

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

然后它就完美地工作了。

我试图用指向图像的静态链接替换从我的数组中获取的动态源 url，但无法访问它(我检查了提供该图像的网络服务器上的日志)。

我做错了什么？

编辑:

• 我正在 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，则如果您设置任何父级“颜色”，就会出现错误，它会传播到图像并导致图像不显示。要修复，请从所有父级中删除“颜色”或升级到 2.4(发布时或@next 直到发布)