从 Firebase 下载图像（React Native）

Question

我正在尝试从 Firebase 存储下载图像并将其显示在我的应用程序中。我尝试获取下载网址的方法如下：let imageRef = firebase.storage().ref('users/' + firebase.auth().currentUser.uid + '/' + 'userImage');    imageRef    .getDownloadURL()    .then((url) => {    console.log(url)    })    .catch((e) => console.log('getting downloadURL of image error => ', e));现在，这完美地注销了 url。然而，从该函数外部无法访问它。如果我尝试在 .catch 之后立即访问它，我会收到以下错误：ReferenceError：找不到变量：url当然，这意味着当我尝试按以下方式显示图像时，我无法调用该网址：<Image source={{uri: url}} />关于如何处理和解决这个问题有什么想法吗？多谢！

Answer 1

解决方案是将 URL 存储在组件的状态中，而不是变量中：

let imageRef = firebase.storage().ref('users/' + firebase.auth().currentUser.uid + '/' + 'userImage');

    imageRef

    .getDownloadURL()

    .then((url) => {

      setState({ url: url });

    })

    .catch((e) => console.log('getting downloadURL of image error => ', e));

这不仅可以确保 render 方法可以找到它，而且可以在计算出 URL 后重新渲染输出。

如果你使用 hooks，你会得到类似的东西：

const [url, setUrl] = useState();

let imageRef = firebase.storage().ref('users/' + firebase.auth().currentUser.uid + '/' + 'userImage');

    imageRef

    .getDownloadURL()

    .then((url) => {

      setUrl(url);

    })

    .catch((e) => console.log('getting downloadURL of image error => ', e));