如何从SWIFT中的Firebase存储在TableView中正确显示图片

如何解决如何从SWIFT中的Firebase存储在TableView中正确显示图片

我有一个聊天应用程序，人们可以在一个小组中交谈，每个单元格中都显示一幅小图，以显示谁在讲话。我设法从Firebase存储中显示了这些图片，但它并不一定总是显示在正确的位置。

仅当我转到上一个View Controller并返回到聊天视图以查看每个单元格中正确显示的图片时，该功能才起作用。

我尝试使用DispatchQueue.main.async {}可能不是很好的方式，因为它对我不起作用。

func tableView(_ tableView: UITableView,cellForRowAt indexPath: IndexPath) -> UITableViewCell {
 
    let message = messageArray[indexPath.row]
    let cell = tableView.dequeueReusableCell(withIdentifier: "customMessageCell",for: indexPath) as! CustomMessageCell
    cell.selectionStyle = .none
// CHANGE TEXT ACCORDING TO SENDER
    if message.sender == Auth.auth().currentUser?.email{
        cell.messageBubble.backgroundColor = UIColor(red:0.30,green:0.68,blue:1.5,alpha:1.0)
        // ...
    } else {
        cell.messageBubble.backgroundColor = UIColor(red:0.94,green:0.94,blue:0.94,alpha:1.0)
        // ...
    }
   
    let theTimeStamp = messageArray[indexPath.row].createdAt
    let doubleTime = Double(theTimeStamp)
    let myDate = Date(timeIntervalSince1970: doubleTime )
    let dateToShow = myDate.calenderTimeSinceNow()
    
    cell.messageBodyTextView.text = messageArray[indexPath.row].messageBody
    cell.usernameLabel.text = messageArray[indexPath.row].name
    cell.timeLabel.text = dateToShow

     let imagePath = self.storageRef.reference(withPath:"\(message.uid)/resizes/profilImage_150x150.jpg")                   
               imagePath.getData(maxSize: 10 * 1024 * 1024) { (data,error) in
                                                               
        if let error = error {
            cell.userPicture.image = UIImage(named: "emptyProfilPic")
                                                                                                                  
        cell.userPicture.layer.cornerRadius = cell.userPicture.frame.height / 2
        cell.userPicture.clipsToBounds = true
                                                                   
        print("Got an error fetching data : \(error.localizedDescription)")                                                                       

       return
  }
                                                                
  if let data = data {
    cell.userPicture.image = UIImage(data: data)
    cell.userPicture.layer.cornerRadius = cell.userPicture.frame.height / 2
    cell.userPicture.clipsToBounds = true
                      }
    }
 
    return cell
}

谢谢您的帮助！

解决方法

您必须使用适当的重写prepareForReuse（）准备要可重复使用的单元格。

为获得更简洁的代码，我建议您在单独的可可Touch类中实现单元，以便更轻松地覆盖并为下一次数据传入做准备，避免出现问题。

我的意思是这样的：

class mineCell:UITableViewCell {
@IBOutlet weak var text:UILabel!
@IBOutlet weak var img:UIImageView!

override func awakeFromNib() {
        super.awakeFromNib()
       
    }
func updateCell(dataIn){
.
.
}
override func prepareForReuse() {
text.text = ""
img.image = nil
}

在cellForRowAt表实现中，只需调用update函数并像这样传递数据即可：

func tableView(_ tableView: UITableView,cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let identifier = "mineCell"
        
        
        if let cell = mineTable.dequeueReusableCell(withIdentifier: identifier,for: indexPath) as? mineCell {
            
           
            updateCell(dataIn)
            
            
            
            return cell
        }
        return mineCell()
    }

通过这种方式，您始终可以确保您的单元格为每次重用做好准备，并且不会从上方的单元格中加载错误的数据。

,

只是让您知道，问题出在每条消息加载后我都在重新加载表View。相反，最好的解决方案是向表视图添加一行，而不在每条消息后重新加载表视图：

// add '{1}' after square bracket ranges unless there already is a quantifier or alternation such as '?' '*' '+' '{}' 
std::string temporaryBugFix(std::string exp)
{
    enum State
    {
        start,skipNext,lookForEndBracket,foundEndBracket,};

    State state = start;
    State prevState = start;

    int p = -1;
    std::vector<int> positionsToFix;

    for (auto c : exp)
    {
        ++p;

        switch (state)
        {
        case start:
            if (c == '\\')
            {
                prevState = state;
                state = skipNext;
            }
            else if (c == '[')
                state = lookForEndBracket;

            continue;

        case skipNext:
            state = prevState;
            continue;

        case lookForEndBracket:
            if (c == '\\')
            {
                prevState = state;
                state = skipNext;
            }
            else if (c == ']')
            {
                state = foundEndBracket;
                if (p + 1 == exp.length())
                    positionsToFix.push_back(p + 1);
            }
            continue;

        case foundEndBracket:
            if (c != '+' && c != '*' && c != '?')
                positionsToFix.push_back(p);
            state = start;
            continue;
        }
    }

    // check for valid curly brackets so we don't add an additional one
    std::string s = exp;
    std::smatch m;
    std::regex e("\\{\\d+,?\\d*?\\}");

    int offset = 0;
    vector<int> validCurlyBracketPositions;
    while (regex_search(s,m,e))
    {
        validCurlyBracketPositions.push_back(m.position(0) + offset);
        offset += m.position(0) + m[0].length();
        s = m.suffix();
    }

    // remove valid curly bracket positions from the fix vector
    for (auto p : validCurlyBracketPositions)
        positionsToFix.erase(std::remove(positionsToFix.begin(),positionsToFix.end(),p),positionsToFix.end());

    // insert the fixes
    for (int i = positionsToFix.size(); i--; )
        exp.insert(positionsToFix[i],"{1}");

    return exp;
}