Ios 如何使用SnapKit以编程方式对齐Stackview中的元素？

我试图在自定义的可重用视图中实现特定的设计

（类似这样的内容：）

因此，我传递了一个URL来检索图像，并传递了一个字符串来添加到下面

首先，我希望整个视图是元素的宽度（如果文本长，那么整个视图将更宽），我不知道如何做到这一点，视图似乎是整个屏幕的宽度

其次，我希望项目水平和垂直居中，我尝试的方法不起作用

这是我目前的代码：

func initLayout() {
        stackView.axis  = NSLayoutConstraint.Axis.vertical
        stackView.distribution  = UIStackView.Distribution.fillEqually
        stackView.alignment = UIStackView.Alignment.center
        stackView.spacing   = 10.0

        stackView.addArrangedSubview(imageView)
        stackView.addArrangedSubview(textContainer)
        stackView.translatesAutoresizingMaskIntoConstraints = false

        self.addSubview(stackView)
        self.snp.makeConstraints { (make) -> Void in
            make.height.equalTo(70)
        }
        self.stackView.snp.makeConstraints{ (make) -> Void in
            make.edges.equalTo(self)
        }
    }

结果是这样的：

---

正如你可以（或不能）看到的，视图集中在屏幕中间，这不是我想要的。视图应该是文本的宽度，所有内容都在这个特定的宽度内居中，然后我将其添加到VC中，并将其放置在前导位置。

如果我理解清楚，没有Snapkit的约束是什么：

在类控制器声明下设置对象：

let myImageView: UIImageView = {
    let iv = UIImageView()
    iv.contentMode = .scaleToFill
    iv.clipsToBounds = true
    iv.backgroundColor = .red
    iv.translatesAutoresizingMaskIntoConstraints = false
    
    return iv
}()

let myLabel: UILabel = {
    let label = UILabel()
    label.text = "Débats"
    label.textColor = .white
    label.textAlignment = .center
    label.font = .systemFont(ofSize: 30, weight: .semibold) // set your font size here
    label.translatesAutoresizingMaskIntoConstraints = false
    
    return label
}()

现在在viewDidLoad中设置参数和约束：

myImageView.image = UIImage(named: "profilo") // set here your image
    
    let myWidth = myLabel.intrinsicContentSize.width // This reveal only text width in label
    
    view.addSubview(myLabel)
    myLabel.widthAnchor.constraint(equalTo: view.widthAnchor, multiplier: 0.5).isActive = true
    myLabel.heightAnchor.constraint(equalToConstant: 50).isActive = true
    myLabel.centerYAnchor.constraint(equalTo: view.centerYAnchor, constant: 25).isActive = true
    myLabel.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
    
    view.addSubview(myImageView)
    myImageView.widthAnchor.constraint(equalToConstant: myWidth).isActive = true
    myImageView.heightAnchor.constraint(equalTo: myImageView.widthAnchor).isActive = true
    myImageView.bottomAnchor.constraint(equalTo: myLabel.topAnchor).isActive = true
    myImageView.centerXAnchor.constraint(equalTo: myLabel.centerXAnchor).isActive = true

结果是：

国际电话号码：

class Aiutotipo: UIViewController {

let myImageView: UIImageView = {
    
    let iv = UIImageView()
    iv.contentMode = .scaleToFill
    iv.clipsToBounds = true
    iv.backgroundColor = .red
    iv.translatesAutoresizingMaskIntoConstraints = false
    
    return iv
}()

let myLabel: UILabel = {
    let label = UILabel()
    label.text = "Débats"
    label.textColor = .white
    label.textAlignment = .center
    label.font = .systemFont(ofSize: 30, weight: .semibold)
    label.translatesAutoresizingMaskIntoConstraints = false
    
    return label
}()

override func viewDidLoad() {
    super.viewDidLoad()
    
    myImageView.image = UIImage(named: "profilo") // set here your image
    
    let myWidth = myLabel.intrinsicContentSize.width // This reveal only text width in label
    
    view.addSubview(myLabel)
    myLabel.widthAnchor.constraint(equalTo: view.widthAnchor, multiplier: 0.5).isActive = true
    myLabel.heightAnchor.constraint(equalToConstant: 50).isActive = true
    myLabel.centerYAnchor.constraint(equalTo: view.centerYAnchor, constant: 25).isActive = true
    myLabel.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
    
    view.addSubview(myImageView)
    myImageView.widthAnchor.constraint(equalToConstant: myWidth).isActive = true
    myImageView.heightAnchor.constraint(equalTo: myImageView.widthAnchor).isActive = true
    myImageView.bottomAnchor.constraint(equalTo: myLabel.topAnchor).isActive = true
    myImageView.centerXAnchor.constraint(equalTo: myLabel.centerXAnchor).isActive = true
 }
}