Skip to main content
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
tags editadas
Link
Luiz Felipe
  • 36,5mil
  • 10
  • 74
  • 154
Fonte Link
Vinicius Morais
  • 1,4mil
  • 14
  • 27

Como esperar duas promessas antes de retornar a funçao?

Estou fazendo um código que faz duas requisições, o valor retornardo é o tamanho de uma arquivo content-length, mas preciso que a função que contem essas duas requisições retorne o valor depois que as requisições finalizarem (Sim, elas demoram um pouco). Porém não estou sabendo lidar com essa espera de requisições.

Sendo mais detalhado, quando chamo a função: addItem o função saveFiles será chamada, dentro deste função será chamada mais duas funções (as vezes apenas uma dependendo do tipo de mídia) _getImage e _getVideo, essas duas funções irão fazer o download da mídia e salvar no celular e retornar o tamanho do arquivo. Pórem dentro de saveFiles as funções estão retornando antes mesmo de terminarem, assim não tenho o valor de size quando necessito.

Tentei usar o async e o await, mas não obtive sucesso, mesmo assim minhas funções não estão esperando. Existe alguma forma de esperar uma promessa terminar para depois executar o promisso passo?

import RNFetchBlob from 'rn-fetch-blob';

export default class Manager {
  constructor(maxSize) {
    this.maxSize = maxSize;
    this.listOfFiles = [];
    this.dirs = RNFetchBlob.fs.dirs;
  }

  addItem(item, media) {
    size = this.saveFiles(item);
    console.log(size);
    this.listOfFiles.push({
      inFeed: false,
      media: media,
    })
  }

  seeFiles() {
    for(i = 0 ; i < this.listOfFiles.length; i++) {
      console.log(this.listOfFiles[i])
    }
  }

  saveFiles(item) {
    var sizeImage = 0;
    var sizeVideo = 0;

    if(item.type == 'Animated') {
      sizeVideo = this._getVideo(item.images.image460svwm.url);
      sizeImage = this._getImage(item.images.image460.url);
    } else {
      sizeImage = this._getImage(item.images.image460.url);
    }

    return sizeImage + sizeVideo;
  }

  async _getImage(url) {
    var filename = url.substring(url.lastIndexOf('/')+1);
    return await RNFetchBlob.config({
      // add this option that makes response data to be stored as a file,
      // this is much more performant.
      fileCache : true,
      path : this.dirs.DocumentDir + '/media/' + filename
    })
    .fetch('GET', url, {
      //some headers ..
    })
    .then((res) => {
      console.log(res.respInfo.headers['content-length'])
      return res.respInfo.headers['content-length']
    })
  }

  async _getVideo(url) {
    var filename = url.substring(url.lastIndexOf('/')+1);
    return await RNFetchBlob.config({
      // add this option that makes response data to be stored as a file,
      // this is much more performant.
      fileCache : true,
      path : this.dirs.DocumentDir + '/media/' + filename
    })
    .fetch('GET', url, {
      //some headers ..
    })
    .then((res) => {
      console.log(res.respInfo.headers['content-length'])
      return res.respInfo.headers['content-length']
    })
  }
}