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']
})
}
}