在 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
上测试
我的 plist 中已有以下内容:
NSAppTransportSecurity
NSAllowsArbitraryLoads
其实在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 直到发布)
好的,我正在尝试从外部资源加载图像。 我的网站 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 上测试
我的 plist 中已有以下内容:
NSAppTransportSecurity NSAllowsArbitraryLoads
其实在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 直到发布)