如何下载图像并将其显示在NativeScript应用程序中？

Question

我正在创建一个本应可在Android和iOS上工作的NativeScript应用程序。我需要显示一些S3存储桶中的图像。

因为我想在下载图像时显示一些进度指示器，我认为我应该在本地下载图像，而不是仅设置图像组件的源属性。什么是最好的事情？

Answer 1

经过多一点研究后，我发现这个样本https://github.com/telerik/nativescript-sample-cuteness/blob/master/nativescript-sample-cuteness/，它有大量从互联网下载的图像。

我使用的是一个名为的模块，image-cache可以解决这个问题。

这是我用更精确：

var imageSourceModule = require("image-source"); 
var imageCache = require("ui/image-cache"); 

var cache = new imageCache.Cache(); 
var defaultImageSource = imageSourceModule.fromFile("~/app/res/loading.gif"); 
var defaultNotFoundImageSource = imageSourceModule.fromFile("~/app/res/no-image.png"); 

cache.invalid = defaultNotFoundImageSource; 
cache.placeholder = defaultImageSource; 
cache.maxRequests = 5; 

function displayImage(viewModel, url, propertyName) { 
    var source = cache.get(url); 

    propertyName = propertyName || "image"; 

    if (source) { 
    viewModel.set(propertyName, source); 
    } else { 
    viewModel.set(propertyName, defaultImageSource); 
    cache.push({ 
     key: url, 
     url: url, 
     completed: function (result, key) { 
     if (key === url) { 
      viewModel.set(propertyName, result); 
     } 
     } 
    }); 
    } 
} 

如果有一个更好的解决方案，我会很乐意学习一下吧。