Исходя из UIKit и LayoutConstraints, я все еще пытаюсь понять, как работает SwiftUI > изменяет размер своего представления.
После прочтения/просмотра различных руководств, документов и т. д. я понимаю, что в конечном итоге каждое представление само определяет свой размер. Родительское представление предлагает доступный размер, а дочерний элемент решает, насколько большим он хочет быть. Например, это видео WWDC показывает это с хорошими примерами.
Однако как это работает в следующем VStack:
Код: Выделить всё
VStack(spacing: 0) {
VStack {
Text("Top")
.background(.blue)
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(.red)
VStack {
Text("Bottom")
.background(.yellow)
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(.green)
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
- RootView предоставляет внешнему VStack полный размер экрана.
- Внешний VStack предлагает этот размер своим дочерним элементам и спрашивает их, насколько большими они хотят быть.
- Оба внутренние VStacks содержат только один TextView. Обычно они спрашивают textView, насколько большим он хочет быть, и возвращают этот размер как свой собственный. Однако модификатор кадра меняет это значение на бесконечную высоту.
- Оба дочерних элемента имеют бесконечную высоту. Таким образом, внешний VStack дает обоим 50% высоты.
Код: Выделить всё
Text("Bottom")
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(.yellow)
Но при добавлении дополнительных подпредставлений во внутренние VStacks ограничение в 50 % не соблюдается:
Код: Выделить всё
VStack(spacing: 0) {
VStack {
Text("Top1")
Text("...")
Text("TopN")
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(.red)
VStack {
Text("Bottom1")
Text("...")
// ...
Text("BottomN")
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(.green)
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
[img]https://i.sstatic.net /90rjfDKN.png[/img]
Подробнее здесь: https://stackoverflow.com/questions/792 ... n-subviews
Мобильная версия