StackView 水平包装内容

Question

我需要的

我的结果

为什么我的stackViewHorizontal 不水平换行内容？

我的代码：

        airView.snp.makeConstraints { (make) in
            make.height.width.equalTo(45)
        }

        airImg.snp.makeConstraints { (make) in
            make.center.equalToSuperview()
        }

        sleepImg.snp.makeConstraints { (make) in
            make.center.equalToSuperview()
        }

        sleepView.snp.makeConstraints { (make) in
            make.height.width.equalTo(45)
        }

        let stackViewAir = UIStackView(arrangedSubviews: [airView, airLbl])
        stackViewAir.distribution = .fill
        stackViewAir.alignment = .fill
        stackViewAir.spacing = 4
        stackViewAir.axis = .vertical

        let stackViewSleep = UIStackView(arrangedSubviews: [sleepView, sleepLbl])
        stackViewSleep.distribution = .fillProportionally
        stackViewSleep.alignment = .fill
        stackViewSleep.spacing = 4
        stackViewSleep.axis = .vertical

        stackViewHorizontal.addArrangedSubview(stackViewAir)
        stackViewHorizontal.addArrangedSubview(stackViewSleep)
        stackViewHorizontal.distribution = .fillProportionally
        stackViewHorizontal.spacing = 60
        stackViewHorizontal.axis = .horizontal

        stackViewHorizontal.snp.makeConstraints { make in
            make.centerY.centerX.equalToSuperview()
        }

Answer 1

您是否尝试过将 stackViewAir 和 stackViewSleep 的对齐方式更改为 .center？我认为这可以解决问题。谢谢

StackView 水平包装内容

StackView horizontally wrap content

swift

snapkit

stackview