UIStackViewを使ってトルツメした際にStackViewの中身のViewを再度等間隔に並べたい

Question

前提・実現したいこと

StackViewを入れ子にした際に、期待している動作に辿り着けなかったのでご教示頂きたいです。

UIStackViewを入れ子にして、以下のレイアウトを組んでおります。
黄色いベースのビューの上に、Spacing10のStackViewが乗っています。
更に黄色いベースのビューと緑のベースのビューをStackViewでまとめています。

期待している動作としては、このレイアウトで、緑のベースのビューがHiddenになった際に
黄色いベースのビューが、緑のベースのビューのボトムの位置まで広がり
黄色いベースのビュー内の、Spacing10で並んでいる青いビュー達が等間隔で並ぶようにしたいです。

少々伝わりにくいかもしれませんが、ご教示頂けると幸いです。

発生している問題・エラーメッセージ

現状の動作としては、緑のビューがHiddenになった際、以下のように
緑のビューが存在していた部分まで、黄色のビューがトルツメされるようになってしまいます。

試したこと

StackViewのDistributionを色々変更してみました。

Comments

[退会済みユーザー]

外側のStackViewのTopの制約はありますか？
ちなみに、
黄色の領域が拡大した分のスペースは、青のラベルの高さを大きくするのでしょうか？　それともスペースをひろげるのでしょうか？
Xcodeは１１以上をお使いですよね

[sgyeta]

ご質問ありがとうございます。
XcodeのバージョンはVersion 11.0 (11A420a)になります。こちらは追記しておきます。
青のビュー間の間隔を広げたいです。

Answer 1

--訂正--

あ〜、黄色のViewを噛ませてあるので、黄色のViewの制約を外側のStackViewにあわせて伸縮するようにしてあげてください。
外側のStackViewの中で黄色のViewが伸縮せず、高さ固定で上下に動いてるように見えます

----打ち消し線

外側のStackViewのTopとBottomが固定してあれば中身が伸縮します。
あとは色々いじってあげればイケルと思いますよ。

Comments

[sgyeta]

回答ありがとうございます。
手元で試して頂いて大変恐縮です。
回答漏れてましたが、外側のStackViewのTopの制約付いてなかったです・・・。
1点確認させて頂きたいのですが、innerStackViewのDistributionはFillではなく
Equal Centeringにされてるのは、意図的にされてるのでしょうか？

[退会済みユーザー]

青のラベルの高さ決め打ちだから、まあ、Equalか〜…すんません適当です。
そのへんは、まあ、適切にいじってあげてください。

[sgyeta]

手元で試したら取り敢えず想定通りの動作になりました！
ただちょっとまだDistributionによる差異とか飲み込めてないのでもう少し調べてみます。
この度はありがとうございました！