我无法在 Firebase 存储中查看图片

Question

我的获取代码

` getImage = async (imageUrl) => {
    const user = firebase.auth().currentUser;
    const url = await storage()
        .ref(`Users/${user.uid}/picture`)
        .getDownloadURL()
    console.log(url)
    imageUrl = url;
    let imgSource = { uri: imageUrl }; // change this line
    if (isNaN(imageUrl)) {
      imgSource = { uri: this.state.imageUrl };
      if (Platform.OS == 'android') {
        imgSource.uri = "file:///" + imgSource.uri;
      }
    }
    
}


  render() {

    let {imageUrl} = this.state;

    return (
        <View>
             <Image source={this.getImage(imageUrl)} style={{width:200,height:200}}/> 
        </View>

` console screenshot 我可以从我的控制台获取网址，但图片没有显示在我的应用程序中，这是什么问题

Answer 1

这可能会有所帮助

state = { newImageURL : undefined }

getImage = async (imageUrl) => {
    const user = firebase.auth().currentUser;
    const url = await storage()
        .ref(`Users/${user.uid}/picture`)
        .getDownloadURL()
    console.log(url)
    imageUrl = url;
    let imgSource = { uri: imageUrl }; // change this line
    if (isNaN(imageUrl)) {
      imgSource = { uri: this.state.imageUrl };
      if (Platform.OS == 'android') {
        imgSource.uri = "file:///" + imgSource.uri;
      }
    }
    this.setState({ newImageURL: imgSource }); // update code here
    
}

componentDidMount(){
  let {imageUrl} = this.state;
  this.getImage(imageUrl)
}


  render() {
    return (
        <View>
             {newImageURL ? <Image source={newImageURL} style={{width:200,height:200}}/> : null }
        </View>