从 Firebase 中检索图像 放置在 tableView 中的存储不起作用，

Question

I was able to display the image properly when i have just an imageView in a ViewController. I used this code:

        islandRef.getData(maxSize: 1 * 1024 * 1024) { [weak self] data, error in
          if let error = error {
            print((error.localizedDescription))
            // Uh-oh, an error occurred!
          }
            if let data = data{
                self?.imageItem.image = UIImage(data: data)
            }

        }
    }

I try a similar approach for my tableView, but its a little more complicated. I have two arrays that pull a string and an integer from my firebase document. I append these to the arrays items and prices. I am able to show these values in my tableView. I try the same thing when my pictues array. I am able to append an image to it. I then check if the pictures array has a count. It has a count of 1, but when i try to access it in tableview. It says the error: Thread 1: Fatal error: Index out of range. I don't understand why my other arrays have values that are usable, but this array does. I don't think there is a problem with the imageView because i can replaces pictures[indexPath.row] with my PlaceholderImage and it will properly show my placeholder image.

class ProfileViewController: UITableViewController {
    var item = [String]()
    var prices = [Int]()
    var pricePicture = [Any]()
    var db:Firestore!
    var pictures = [UIImage]()
    let storage = Storage.storage()
    var placeholderImage = UIImage(named: "placeholder.jpg")
    var imageMenu:UIImage?

    override func viewDidLoad() {
        getData()


        let db = Firestore.firestore()
        super.viewDidLoad()

    }
    func getData(){

        let db = Firestore.firestore()
        let docRef = db.collection("wine").document("pinot-noir-2017")
        let storage = Storage.storage()
               docRef.getDocument(source: .server) { (document, error) in

                if let document = document {
                    let keys = document.data()?.keys
                       for key in keys!{
                        self.item.append(key)
                        self.pricePicture = document.data()![key] as! [Any]
                        self.prices.append(self.pricePicture[0] as! Int)


                        let stor = storage.reference()
                        let islandRef = stor.child("carbanet.jpg")
                        islandRef.getData(maxSize: 1 * 1024 * 1024) { [weak self] data, error in
                          if let error = error {
                            print((error.localizedDescription))
                          }
                            if let data = data{

                                self?.pictures.append(UIImage(data: data)!)

                                //this will print 1
                                print(self?.pictures.count ?? 0)
                            }
                        }

                        self.tableView.reloadData()

                        }
                   } else {
                       //print("Document does not exist in cache")
               }
        }
    }




    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return item.count
    }
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "Picture", for: indexPath)
        cell.textLabel?.text = item[indexPath.row] + "  $" + String(prices[indexPath.row])

        cell.imageView?.image = pictures[indexPath.row]

        return cell
    }

    override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        if let detailViewController = storyboard?.instantiateViewController(identifier: Constants.Storyboard.detailViewController) as? DetailViewController{
            show(detailViewController, sender: .none)
        }

    }
}

If someone could show me the error I am making that would be great. I'm pretty new to swift, so any help you can give me would be appreciated. I have read through the firebase documentation and watched their videos, but I can't figure out why it works in one scenario and not the other.

Answer 1

I think it was because i was trying to do it inside of trying to access a firebase document. I made another function getImage() and this time it worked.

    func getImage(){

    let stor = storage.reference()
    let islandRef = stor.child("carbanet.jpg")

    islandRef.getData(maxSize: 1 * 1024 * 1024) { [weak self] data, error in
      if let error = error {
        print((error.localizedDescription))
        // Uh-oh, an error occurred!
      }
        if let data = data{

            self?.pictures.append(UIImage(data: data as Data)!)

            //this will print 1
            print(self?.pictures.count ?? 0)
        }
    }
        DispatchQueue.main.async {
            self.tableView.reloadData()
        }
    }