Atualmente eu uso essa função para ler os dados do banco firebase:
function ler() {
database.ref(referencia_database).orderByChild('nome').once('value').then(function(snapshot) {
snapshot.forEach(function(childSnapshot) {
var chave = childSnapshot.key
var obj = childSnapshot.val()
//Verifica se a imagem existe no storage, se sim usa ela, se não usa a padrão
storage.ref(chave).getDownloadURL().then(function(url) {
mostrar(chave, obj.nome, url)
}).catch(function(error) {
mostrar(chave, obj.nome, './image/default.png')
});
})
})
}
O problema: por causa do trecho de verificação se a imagem existe ou não no storage (assíncrono), os dados são mostrados de forma aleatória.
Como solucionar isso?