Xtykutl

I'm new to NativeScript.

I'm using nativescript-plugin-firebase to download the photo of the user and save it into /data/user/0/{APP_ID}/files/telerik-logo-downloaded.png.

Firebase Storage Native API Example:

var fs = require("tns-core-modules/file-system");



// let's first determine where we'll create the file using the 'file- system' module

var documents = fs.knownFolders.documents();

var logoPath = documents.path + "/telerik-logo-downloaded.png";



// this will create or overwrite a local file in the app's documents folder

var localLogoFile = documents.getFile("telerik-logo-downloaded.png");



// now download the file with either of the options below:

firebase.storage.downloadFile({

  bucket: 'gs://n-plugin-test.appspot.com',

  remoteFullPath: 'uploads/images/telerik-logo-uploaded.png',

  localFile: fs.File.fromPath(logoPath),

  localFullPath: logoPath

}).then(

  function (uploadedFile) {

    console.log("File downloaded to the requested location");

  },

  function (error) {

    console.log("File download error: " + error);

  }

);

When there's a change(e.g. user uploads a new photo), I will download the photo with the Firebase Storage Native API and overwrite the existing one.

var localLogoFile = documents.getFile("telerik-logo-downloaded.png");

this code above should overwrite the local file if it's existing.

In the result, the new photo will be shown on iOS but not Android. For Android, it's still the old photo.

May anyone help? Thank you~

I guess your problem is the way you load the imageSource.

It should already overwrite the file, try this

img.src = imageSource.fromFile(logoPath)

instead of

img.src = logoPath

Hope it helps! Cheers!

With Android image won't be refreshed if it's the same url again. Try setting the image source to null and then set it back to your path again.