title: Why custom views in stack view are overlapping?
body: <p>I'm trying to create a stack view with custom views inside. Each custom view in this example has the same information. For some reason instead of going each after each the subviews are overlapping and I can't figure out why. I don't have any constraints (in the layout). The stack view is inside scroll view because there may be many subviews.</p>
  
  <p>The code of custom view:</p>
  
  <pre><code>import UIKit
  
  class AddressComponentView: UIView {
  
      @IBOutlet weak var labelStreet: UILabel!
  @IBOutlet weak var labelCity: UILabel!
  @IBOutlet weak var labelOfficialRegionType: UILabel!
  @IBOutlet weak var labelOfficialRegionTitle: UILabel!
  @IBOutlet weak var labelCountry: UILabel!
  @IBOutlet weak var labelZip: UILabel!
  
  var view: UIView!
  
  func loadData(address: AddressData){
      self.labelStreet.text = address.street
      self.labelCity.text = address.city
      self.labelOfficialRegionType.text = address.region?.officialRegionType
      self.labelOfficialRegionTitle.text = address.region?.officialRegionTitle
      self.labelZip.text = address.zip
      self.labelStreet.sizeToFit()
  }
  
  override init(frame: CGRect) {
      super.init(frame: frame)
  }
  
  required init?(coder aDecoder: NSCoder) {
      super.init(coder: aDecoder)
  }
  </code></pre>
  
  <p>}</p>
  
  <p>Here is how I dynamically add subviews (viewContent is stack view):</p>
  
  <pre><code>viewScroll.contentSize = CGSize(width: 320, height: 1000)
  
              let viewsDictionary = ["stackView":viewContent]
              let stackView_H = NSLayoutConstraint.constraints(
                  withVisualFormat: "H:|-20-[stackView]-20-|",  //horizontal constraint 20 points from left and right side
                  options: NSLayoutFormatOptions(rawValue: 0),
                  metrics: nil,
                  views: viewsDictionary)
              let stackView_V = NSLayoutConstraint.constraints(
                  withVisualFormat: "V:|-30-[stackView]-30-|", //vertical constraint 30 points from top and bottom
                  options: NSLayoutFormatOptions(rawValue:0),
                  metrics: nil,
                  views: viewsDictionary)
              view.addConstraints(stackView_H)
              view.addConstraints(stackView_V)
  
  
  let addressView = UINib(nibName: "AddressComponent", bundle: nil).instantiate(withOwner: nil, options: nil)[0] as! AddressComponentView
  
  addressView.loadData(address: (item?.addressData)!)
  viewContent.addArrangedSubview(addressView)
  
  let addressView1 = UINib(nibName: "AddressComponent", bundle: nil).instantiate(withOwner: nil, options: nil)[0] as! AddressComponentView
  </code></pre>
  
  <p>addressView1.loadData(address: (item?.addressData)!)
  viewContent.addArrangedSubview(addressView1)</p>
  
  <p>And here is awful result:</p>
  
  <p><a href="https://i.stack.imgur.com/LCD2Zm.png[1]" rel="noreferrer"><img src="https://i.stack.imgur.com/LCD2Zm.png[1]" alt="crap"></a></p>
  
  <p><a href="https://i.stack.imgur.com/yF8y8m.png" rel="noreferrer"><img src="https://i.stack.imgur.com/yF8y8m.png" alt="That&#39;s what happened if I add 30 subviews:"></a></p>
  
  <p><a href="https://i.stack.imgur.com/lj4ek.png" rel="noreferrer"><img src="https://i.stack.imgur.com/lj4ek.png" alt="enter image description here"></a></p>
  
  <p>That's what happened if I add 30 subviews:</p>
  
  <p>Another thing that is very strange is the fact that I make the background custom view blue, and set it opaque and these properties are being ignored for some reason. That is how the component looks in the design time:
  Now I'm trying to add these subviews into Prototype cell of UITableView:</p>
  
  <pre><code>override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -&gt; UITableViewCell {
  
      if indexPath.row == 3 || indexPath.row == 7 {
          var text = "Run the app again, and it will look nothing has really changed. You are now using your bioLabel, but it’s just showing one line of text in each cell. Even though the number of lines is set to 0 and your constraints are properly configured so your bioLabel takes up"
  
          let customView1 = UINib(nibName: "CustomView1", bundle: nil).instantiate(withOwner: nil, options: nil)[0] as! CustomView1
          customView1.frame = CGRect(x:0, y:0, width: 200, height: 60)
          customView1.loadData(text: text)
          cell.container.addSubview(customView1)
      } else {
          let customView2 = UINib(nibName: "CustomView2", bundle: nil).instantiate(withOwner: nil, options: nil)[0] as! CustomView2
  
          customView2.loadData(text: "aaaaa adfsd")
          cell.container.addSubview(customView2)
  
      }
  
      // Configure the cell...
  
      return cell
  }
  </code></pre>
  
  <p>This code is very stupid, I just experimented with different views (I created 2 custom views). Both of them have approx same code:</p>
  
  <pre><code>class CustomView1: UIView {
  
  @IBOutlet weak var label1: UILabel!
  
  func loadData(text: String){
      label1.text = text
  }
  override init(frame: CGRect) {
      super.init(frame: frame)
  }
  
  required init?(coder aDecoder: NSCoder) {
      super.init(coder: aDecoder)
  }
  </code></pre>
  
  <p>}</p>
  
  <p>NB cell.container is the view that I put into Prototype cell.</p>