Показать все данные из дочернего узла на tableViewCell - PullRequest
3 голосов
/ 20 марта 2019

У меня проблемы с отображением всех подписчиков пользователя в ячейке табличного представления с их фотографией профиля и полным именем (аналогично Instagram).

Фрагмент структуры JSON моей Firebase:

 "followers" : {
    "FoFQDAGGX9hntBiBdXYCBHd8yas2" : {
      "CjeP35ceAQZJuUPhm7U1eF3Yq4F3" : true,
      "FjS4wUpXAUa5aWwXkjvujHxE4He2" : true,
      "Gmg1ojNoBiedFPRNSL4sBZz2gSx2" : true,
      "PqMkClaPM3W8k7ZSgzAHb3yne5D3" : true,
      "buS4recuDpdg60ckFqwjoU344TC2" : true
    },
 "users" : {
    "CjeP35ceAQZJuUPhm7U1eF3Yq4F3" : {
      "email" : "bbbb@gmail.com",
      "fullname" : "Bbbb",
      "profileImageUrl" : "https://firebasestorage.googleapis.com/v0/b/pinion-4896b.appspot.com/o/profile_image%2FCjeP35ceAQZJuUPhm7U1eF3Yq4F3?alt=media&token=0449c633-b397-4452-b2df-41f3a5390084",
      "work" : "Nottingham",
    },

Код в ячейке табличного представления (FollowersTableViewCell):

@IBOutlet weak var followersProfileImage: UIImageView!
@IBOutlet weak var followersNameLabel: UILabel!

var user: UserModel? {
    didSet {
        updateView()
    }
}
func updateView() {
    followersNameLabel.text = user?.fullname
    if let photoUrlString = user?.profileImageUrl {
        let photoUrl = URL(string: photoUrlString)
        followersProfileImage.sd_setImage(with: photoUrl, placeholderImage: UIImage(named: "placeholderImg"))
    }
}

РЕДАКТИРОВАТЬ: код в контроллере представления (FollowersViewController)

@IBOutlet weak var tableView: UITableView!

var users: [UserModel] = []

func loadusers() {
    let ref = Database.database().reference()
    guard let currentUser = Auth.auth().currentUser?.uid else { return }

    var followersNames = [String]()
    var profileImage = [String]()

    let followersRef = ref.child("followers").child(currentUser) //retreives all nodes in the following node
    followersRef.observe(DataEventType.value, with: { snapshot in
        print(snapshot.children.allObjects)
        for child in snapshot.children { //build the array of keys
            let snap = child as! DataSnapshot
            let key = snap.key

            let userRef = ref.child("users").child(key) //get the user name and profile image from the users node
            userRef.observeSingleEvent(of: .value, with: { snapshot in
                let followersName = snapshot.childSnapshot(forPath: "fullname").value as! String
                let followersProfileImageUrl = snapshot.childSnapshot(forPath: "profileImageUrl").value as! String
                print(followersName)
                print(followersProfileImageUrl)

                followersNames.append(followersName)
                profileImage.append(followersProfileImageUrl)
                self.tableView.reloadData()
            })
        }
    })
}
extension FollowersViewController: UITableViewDataSource {
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return users.count
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "FollowersTableViewCell", for: indexPath) as! FollowersTableViewCell
    let user = users[indexPath.row]
    cell.user = user
    return cell
  }
}

Теперь код запускается, а изображение профиля и полное имя подписчиков печатаются на консоли, но ничего не отображается в табличном представлении приложения - заранее спасибо:)

Обновление: определение модели пользователя

class UserModel {
    var email: String?
    var work: String?
    var profileImageUrl: String?
    var fullname: String?
    var id: String?
}
extension UserModel {
    static func transformUser(dict: [String: Any], key: String) -> UserModel {
        let user = UserModel()
        user.email = dict["email"] as? String
        user.work = dict["work"] as? String
        user.profileImageUrl = dict["profileImageUrl"] as? String
        user.fullname = dict["fullname"] as? String
        user.id = key
        return user
    }
}

1 Ответ

3 голосов
/ 20 марта 2019

Ваш TableView не отображает никаких данных, потому что вы не заполняете массив users в любой точке.

Я мог бы захотеть создать экземпляр объекта UserModel в реализации observeSingleEvent, добавить объект в users массив и вызов метода reloadData (или insertRows) также сразу после этого.(Вместо блока реализации)

В соответствии с запросом, здесь есть быстрый (и грязный) способ создания пользовательского объекта и обновления пользовательского интерфейса

let user = UserModel()
user.fullname = snapshot.childSnapshot(forPath: "fullname").value as? String
user.profileImageUrl = snapshot.childSnapshot(forPath: "profileImageUrl").value as? String

self.users.append(user)
self.tableView.reloadData()
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...