Thanks! I put that code into an extension: class UserProfileHeader ... fileprivate func setupBottomToolbar() { let stackView = UIStackView(arrangedSubviews: [postsLabel, followersLabel, followingLabel]) ... // Add a thin light gray line to the top and bottom of the stack view stackView.dividingLines() } extension UIView { public func dividingLines(backgroundColor: UIColor = .lightGray, height: CGFloat = 0.5) { [self.topAnchor, self.bottomAnchor].forEach { (topAnchor) in let v = UIView() v.backgroundColor = backgroundColor self.addSubview(v) v.anchor(topAnchor: topAnchor, leftAnchor: leftAnchor, rightAnchor: rightAnchor, height: height) } } }

Yeah.... pffff What was wrong with me ;-) hoping for 2 lessons today ;-)

Brian I totally agree with your recommendation of not using third party libs if possible. Its one of the reasons I really like this Instagram Course. Your teaching techniques and not using storyboards has really made me like xcode/swift ios development.

Firebase 4 reserve User, Database, Storage, Auth, etc.

Not in swift, but as dirkkarger pointed out it is now reserved by Firebase, therefore you have to replace the struct User to something else. I just replaced it to struct MyUser and it all worked fine but this is something that a newbie might not spot.

Awesome, sorry for premature asking. i'll work through the rest of the project...but glad to hear it made it in :)

You're a lifesaver. Worked like a charm

thank you

thanks :)

thanks

Excellent. It's my suggestion too.

Update , this is my code in the table view controller override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { if indexPath.section == 0 { let cell = tableView.dequeueReusableCell(withIdentifier: "userInfo", for: indexPath) as! UserProfilCell cell.user = self.user return cell } var user: User? fileprivate func fetchUser() { guard let uid = Auth.auth().currentUser?.uid else { return } Database.database().reference().child("users").child(uid).observeSingleEvent(of: .value, with: { (snapshot) in print(snapshot.value ?? "") guard let dictionary = snapshot.value as? [String: Any] else { return } self.user = User(dictionary: dictionary) self.navigationItem.title = self.user?.fullName }) { (err) in print("Failed to fetch user:", err) } } } struct User { let fullName: String let profileImageUrl: String init(dictionary: [String: Any]) { self.fullName = dictionary["Fullname"] as? String ?? "" self.profileImageUrl = dictionary["profileImageUrl"] as? String ?? "" } } And this is my code in the UserProfilCell import UIKit import Firebase class UserProfilCell : UITableViewCell { var user: User? { didSet { titleLabel.text = user?.fullName } } private let coverImageView: UIImageView = { let imageView = UIImageView() imageView.layer.cornerRadius = 25 imageView.clipsToBounds = true return imageView }() private let titleLabel: UILabel = { let label = UILabel() label.text = "Full Name" return label }() Thank You for your help

All my app based on TableViewController i need to know how to fetch data with TableView Cell

Why would you use table view controller, cell view is more efficient and easier to use?

Makes sense, thank you Brian :)

Ok! Thank you very much for the quick response. :)

Also, why are you not making stackviews member views so they can be used for anchoring? This is my first time developing in iOS so I'm just alittle confused.

What do you mean by member view / member property? Also, I think its wrong for you to say "in a production project I will do it this way..." because that is kinda what we want/expect you to teach us.

Really helpful video! Curious what you meant by "member property"? Thanks, Nick

Nevermind. I was able to find a solution. Thanks.

Oh sorry, the page didnt update. Didn't see your reply before I sent my reply. Will check what you suggested too and see how it works.

Thank you Brian. I actually did that but for the centerExpandingView, I added widthAnchor.constraint(greaterThanOrEqualToConstant: 0).isActive = true do I still need that?

Hi Brian, Here's the link to the image... https://www.dropbox.com/s/wctix035o2u0o5s/Screen+Shot+2018-01-04+at+10.31.53.png?dl=0 Thank you.

Here's the code I'm working on... lazy var myLocCircle: UIView = self.setupLocCircles(with: UIColor.myLocColor, borderColor: UIColor.myLocBorderColor.cgColor) fileprivate func setupLocCircles(with color: UIColor, borderColor: CGColor) -> UIView { let view = UIView() view.frame = CGRect(x: 0, y: 0, width: 16, height: 16) view.layer.borderWidth = 1.5 view.backgroundColor = color view.layer.cornerRadius = view.frame.width / 2 view.layer.borderColor = borderColor return view } fileprivate func setupInputView() { myLocCircle.widthAnchor.constraint(equalToConstant: 16).isActive = true myLocTextField.widthAnchor.constraint(greaterThanOrEqualToConstant: 0).isActive = true let stackView = UIStackView(arrangedSubviews: [myLocCircle, myLocTextField]) stackView.axis = .horizontal stackView.distribution = .fill stackView.spacing = 10 stackView.alignment = .fill locInputView.addSubview(stackView) stackView.anchor(top: locInputView.topAnchor, left: locInputView.leadingAnchor, bottom: nil, right: locInputView.trailingAnchor, paddingTop: 10, paddingLeft: 10, paddingBottom: 0, paddingRight: 10, width: 0, height: 25) }

Hi Brian... Have you had the chance to look at the image and code? Thank you.

Ok Thanks. So for future reference, if the image/view is smaller than the cell in the stackView, this isn't possible and should be done outside of stackView? Thank you.

i tried doing that but either due to scope or whatever reason, the let method didnt work

This fix for me func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat { return 1 }

This is how I solve this problem, to inset one pixel for middle cell. func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { let width = collectionView.frame.width let itemWidth = width / 3 if itemWidth.truncatingRemainder(dividingBy: 1) == 0{ if indexPath.row % 3 == 2{ return CGSize.init(width: itemWidth - 2, height: itemWidth) } return CGSize.init(width: itemWidth, height: itemWidth) } // Unable to divisible let floor = Int(itemWidth) let ceiling = Int(itemWidth) + 1 if indexPath.row % 3 == 2{ return CGSize.init(width: floor - 2, height: ceiling) } return CGSize.init(width: ceiling, height: ceiling) }

indexpath.row should plus one.

I fixed the problem by re-copying the UserProfileController code. However, my code seemed to match yours before perfectly, so I'm a bit confused.

so what i do sir please tell me please

sir i want have center in profileimageview so sir int this code is possible profileImageView.anchor(top: topAnchor, left: self.leftAnchor, bottom: nil, right: nil, paddingTop: 12, paddingLeft: 12, paddingBottom: 0, paddingRight: 0, width: 80, height: 80) ?? you chagne the perameters and send code again and thanks

Same here! If you download the project, you can follow the video along with the updated code. However looking at the updated file doesn't seem to show any difference :/

I actually figured it out! It turned out I misspelled something in the bottomAnchor section of the ORIGINAL anchor function all the way back when we created it early on. Give that a try, hopefully it helps!

Can U pls provide full code for those view or maybe whole file? That would help a lot.

Great job

Thanks for the reply! Could I just change the color of the status bar, and how would I do that?

I had to do this stackView.anchor(top: usernameLabel.bottomAnchor, left: leftAnchor, bottom: nil, right: rightAnchor, paddingTop: 40, paddingLeft: 0, paddingBottom: 0, paddingRight: 0, width: 0, height: 50). instead of stackView.anchor(top: nil, left: leftAnchor, bottom: bottomAnchor, right: rightAnchor, paddingTop: 0, paddingLeft: 0, paddingBottom: 0, paddingRight: 0, width: 0, height: 50). why is it that I cannot anchor the bottom of stackview to bottom of of header's bottom?..i had to anchor it with the nameLabel..