将按钮添加到堆栈视图完全占用父堆栈视图

Question

I have been trying to add buttons to a dynamic vertical stack view, the stack view is in a scroll view that's in a horizontal stack view. Whenever I add a button to the stack view it takes up the entire horizontal stack view, here it is:

override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        let button = UIButton()
        button.setTitle("test", for: .normal)
        button.translatesAutoresizingMaskIntoConstraints = false
        Stack.addArrangedSubview(button)
        Stack.translatesAutoresizingMaskIntoConstraints = false
    }

Entire code:

import UIKit

class ViewController: UIViewController {
    
    @IBOutlet weak var textView: UITextView!
    @IBOutlet weak var emotionsStack: UIStackView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        let button = UIButton()
        button.setTitle("test", for: .normal)
        button.translatesAutoresizingMaskIntoConstraints = true
        button.frame.size = CGSize(width: emotionsStack.frame.width, height: (emotionsStack.frame.width/10))
        emotionsStack.addArrangedSubview(button)
    }
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        super.touchesBegan(touches,
                           with: event)
        self.view.endEditing(true)
    }
    }

EDIT:

What happens is that the stackview takes over the textview (that is in red). This isn't supposed to happen.

Answer 1

as stackView didn't detect the size so you have to give each button a fixed size width or height depends on the type of stackView "Vertical or Horizontal" so try to give your button a width and it will work.

-> you can use stackView width or height and minus the spaces then divide it by number of buttons and then assign the value for each button

Edited: After editing my answer I have added a block of code and an image if you need like this, if not, provide an image which shows which result do you want:

import UIKit

class StackViewController: UIViewController {
    
    @IBOutlet weak var textView: UITextView!
    @IBOutlet weak var emotionsStack: UIStackView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        for i in 0...10 {
        let button = UIButton()
        button.setTitle("test \(i)", for: .normal)
        button.translatesAutoresizingMaskIntoConstraints = true
        button.frame.size = CGSize(width: emotionsStack.frame.width, height: ((emotionsStack.frame.width - 30 )/10))
        emotionsStack.addArrangedSubview(button)
        }
    }
    
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        super.touchesBegan(touches,
                           with: event)
        self.view.endEditing(true)
    }
}

result: