Swift UIStackViewで縦に並べたViewのAlignをViewごとに設定する方法

Question

表題の件で質問させていただきます。

やりたいこととしては

UIStackView（axis = .vertical）
  - UILabel（名前）
  - UILabel（コメント）
  - UIButton（フォローする）

のように３つViewを並べて、UILabelは左寄せに、UIButtonだけを右寄せにしたいのですが、上記のような構成で実現することは可能でしょうか？

Answer 1

こんな感じでしょうか？

ラベルは全てAlignmentを左にするように設定して、
ボタンの部分は UIView を一枚噛ませて、その上にボタンを配置してAuto Layoutの制約をつけています。

階層的には以下のようになっています。

UIStackView（axis = .vertical）
  - UILabel（名前）
  - UILabel（コメント）
  - UIView
    - UIButton（フォローする）

ボタンにつけた制約はこんな感じです。

もし違ったら追記やコメントで指摘してください。
画像があるともう少し詳しい回答ができると思います。

Comments

[yoppy0066]

ありがとうございました

[yoppy0066]

すみません、UIButtonを直接StackViewに追加すると表示されるのですが、UIViewを挟むと何も表示されなくなってしまいます、、、こちらはどのような原因が考えられますでしょうか？

[yoppy0066]

> 画像があるともう少し詳しい回答ができると思います。
こちらは、プログラムで実装しています

[yoppy0066]

度々すみません、UIViewに設定している制約もご教授いただけないでしょうか

[hayabusabusash]

なるほど、コードで作られていらっしゃったんですね。
ひとまず聞かれてることについて返信します。

> UIButtonを直接StackViewに追加すると表示されるのですが、UIViewを挟むと何も表示されなくなってしまいます
UIButtonにはUIViewに対して上下の余白が0、かつ高さを決定する制約を追加しましたか？
何も表示されないということは高さを決定する制約が足りていないのかもしれないです。

> UIViewに設定している制約もご教授いただけないでしょうか
UIViewには何も制約は追加していません。
ただ、StackViewの設定を記述するのをすっかり忘れていました。
申し訳ないです。StackViewのAlignmentはFillでDistributionもFillにしました。

[yoppy0066]

ご丁寧にありがとうございます。以下の制約をつけたところ期待通りの挙動になりました。
UIButtonに高さの制約はつけていないのですが、AutoLayoutもままならず、、

```
// UIView
buttonView.widthAnchor.constraint(equalTo: stack.widthAnchor),
// UIButton
button.rightAnchor.constraint(equalTo: buttonView.rightAnchor),
button.topAnchor.constraint(equalTo: buttonView.topAnchor),
button.bottomAnchor.constraint(equalTo: buttonView.bottomAnchor),
```