Есть ли максимальные ограничения для VStack?
Я начал с чистого проекта и добавил 5 кнопок и 5 разделителей в VStack, и все в порядке. Когда я добавляю 6-ю прокладку внизу, код внезапно не компилируется с ошибкой: "Неоднозначная ссылка на член buildBlock()".
Что вызывает эту ошибку? Это ошибка связана со SwiftUI? Или это особенность? Я не в первый раз замечаю, что VStack или HStack ограничено по количеству записей, есть ли по этому поводу какая-то документация?
Не совсем внушает уверенность, стоит ли мне снова переключиться на UIKit?
4 ответа
SwiftUI использует ViewBuilder для создания представлений, составляющих множество представлений SwiftUI, например VStack, HStack, Listи т.д. Если вы посмотрите документацию ViewBuilder, вы увидите, чтоbuildBlockФункция имеет множество копий, каждая с разным количеством представлений в качестве аргументов. Функция с наибольшим количеством просмотров принимает только 10 просмотров, поэтому вы видите ограничение, которое вы заметили. Способ обойти это - использоватьGroups:
VStack {
Group {
Text("Placeholder 0")
Text("Placeholder 1")
Text("Placeholder 2")
Text("Placeholder 3")
Text("Placeholder 4")
Text("Placeholder 5")
Text("Placeholder 6")
Text("Placeholder 7")
Text("Placeholder 8")
Text("Placeholder 9")
}
Group {
Text("Other Placeholder 10")
Text("Other Placeholder 11")
Text("Other Placeholder 12")
Text("Other Placeholder 13")
Text("Other Placeholder 14")
Text("Other Placeholder 15")
Text("Other Placeholder 16")
Text("Other Placeholder 17")
Text("Other Placeholder 18")
Text("Other Placeholder 19")
}
}
Хотя, если вам нужно 20 представлений, которые действительно похожи друг на друга, рекомендуется использовать что-то вроде ForEachчтобы ваши взгляды не были слишком раздутыми. Вышеупомянутый обходной путь следует использовать только в том случае, если>10 представлений действительно уникальны. Даже в этом случае более подходящим методом SwiftUI было бы разделение этих представлений на более мелкие представления:
VStack {
SingleDigitPlaceholders()
TeensPlaceholders()
}
struct SingleDigitPlaceholders: View {
var body: some View {
ForEach(0..<10) { i in
Text("Placeholder \(i)")
}
}
}
struct TeensPlaceholders: View {
var body: some View {
ForEach(10..<20) { i in
Text("Other Placeholder \(i)")
}
}
}
Конечно, в этом конкретном примере вы можете использовать только два ForEachs в исходном виде, но в более сложных случаях суть остается неизменной. Например, в форме с множеством элементов (например, в форме заявления о приеме на работу: имя, фамилия, адрес, текстовые поля номера телефона, раскрывающиеся меню образования, поля даты и т. Д.) Вы все равно можете разделить одно представление на более мелкие компоненты. (в примере заявления о приеме на работу - представление личной информации, представление образовательной информации и т. д.).
Вы можете иметь не более 10 детей в вашем VStack (а также ZStack, HStack, и так далее). Это строго связано с их реализацией и реализацией@ViewBuilderзакрытие в целом. Посмотрите на интерфейсы ниже (вы можете найти их через xCode, я немного упростил их, чтобы было удобнее читать):
public struct ViewBuilder {
/// Builds an empty view from an block containing no statements, `{ }`.
public static func buildBlock() -> EmptyView
/// Passes a single view written as a child view (e..g, `{ Text("Hello") }`) through
/// unmodified.
public static func buildBlock<Content>(_ content: Content) -> Content where Content : View
}
extension ViewBuilder {
public static func buildBlock<C0, C1>(_ c0: C0, _ c1: C1) -> TupleView<(C0, C1)> where C0 : View, C1 : View
}
extension ViewBuilder {
public static func buildBlock<C0, C1, C2>(_ c0: C0, _ c1: C1, _ c2: C2) -> TupleView<(C0, C1, C2)> where C0 : View, C1 : View, C2 : View
}
extension ViewBuilder {
public static func buildBlock<C0, C1, C2, C3>(_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3) -> TupleView<(C0, C1, C2, C3)> where C0 : View, C1 : View, C2 : View, C3 : View
}
extension ViewBuilder {
public static func buildBlock<C0, C1, C2, C3, C4>(_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3, _ c4: C4) -> TupleView<(C0, C1, C2, C3, C4)> where C0 : View, C1 : View, C2 : View, C3 : View, C4 : View
}
extension ViewBuilder {
public static func buildBlock<C0, C1, C2, C3, C4, C5>(_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3, _ c4: C4, _ c5: C5) -> TupleView<(C0, C1, C2, C3, C4, C5)> where C0 : View, C1 : View, C2 : View, C3 : View, C4 : View, C5 : View
}
extension ViewBuilder {
public static func buildBlock<C0, C1, C2, C3, C4, C5, C6>(_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3, _ c4: C4, _ c5: C5, _ c6: C6) -> TupleView<(C0, C1, C2, C3, C4, C5, C6)> where C0 : View, C1 : View, C2 : View, C3 : View, C4 : View, C5 : View, C6 : View
}
extension ViewBuilder {
public static func buildBlock<C0, C1, C2, C3, C4, C5, C6, C7>(_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3, _ c4: C4, _ c5: C5, _ c6: C6, _ c7: C7) -> TupleView<(C0, C1, C2, C3, C4, C5, C6, C7)> where C0 : View, C1 : View, C2 : View, C3 : View, C4 : View, C5 : View, C6 : View, C7 : View
}
extension ViewBuilder {
public static func buildBlock<C0, C1, C2, C3, C4, C5, C6, C7, C8>(_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3, _ c4: C4, _ c5: C5, _ c6: C6, _ c7: C7, _ c8: C8) -> TupleView<(C0, C1, C2, C3, C4, C5, C6, C7, C8)> where C0 : View, C1 : View, C2 : View, C3 : View, C4 : View, C5 : View, C6 : View, C7 : View, C8 : View
}
extension ViewBuilder {
public static func buildBlock<C0, C1, C2, C3, C4, C5, C6, C7, C8, C9>(_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3, _ c4: C4, _ c5: C5, _ c6: C6, _ c7: C7, _ c8: C8, _ c9: C9) -> TupleView<(C0, C1, C2, C3, C4, C5, C6, C7, C8, C9)> where C0 : View, C1 : View, C2 : View, C3 : View, C4 : View, C5 : View, C6 : View, C7 : View, C8 : View, C9 : View
}
Как видите, такие виды можно построить максимум с 10 детьми. КаждыйbuildBlockпринимает точное количество просмотров в качестве параметров. Это потому что@ViewBuilder замыкания, по крайней мере на данный момент, не поддерживают вариативные аргументы.
Обходной путь может быть следующим:
struct ContentView: View {
var body: some View {
VStack {
Group {
//10 views here
}
Group {
//10 views here
}
}
}
}
Вот расширение ViewBuilder, которое поддерживает до 20 дополнительных представлений.
import SwiftUI
extension ViewBuilder {
public static func buildBlock<C0, C1, C2, C3, C4, C5, C6, C7, C8, C9, C10>(
_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3, _ c4: C4, _ c5: C5, _ c6: C6, _ c7: C7, _ c8: C8, _ c9: C9, _ c10: C10
) -> TupleView<
(
Group<TupleView<(C0, C1, C2, C3, C4, C5, C6, C7, C8, C9)>>,
Group<TupleView<(C10)>>
)
>
where C0: View, C1: View, C2: View, C3: View, C4: View, C5: View, C6: View, C7: View, C8: View, C9: View, C10: View {
TupleView((
Group { TupleView((c0, c1, c2, c3, c4, c5, c6, c7, c8, c9)) },
Group { TupleView((c10)) }
))
}
public static func buildBlock<C0, C1, C2, C3, C4, C5, C6, C7, C8, C9, C10, C11>(
_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3, _ c4: C4, _ c5: C5, _ c6: C6, _ c7: C7, _ c8: C8, _ c9: C9, _ c10: C10, _ c11: C11
) -> TupleView<
(
Group<TupleView<(C0, C1, C2, C3, C4, C5, C6, C7, C8, C9)>>,
Group<TupleView<(C10, C11)>>
)
>
where C0: View, C1: View, C2: View, C3: View, C4: View, C5: View, C6: View, C7: View, C8: View, C9: View, C10: View, C11: View {
TupleView((
Group { TupleView((c0, c1, c2, c3, c4, c5, c6, c7, c8, c9)) },
Group { TupleView((c10, c11)) }
))
}
public static func buildBlock<C0, C1, C2, C3, C4, C5, C6, C7, C8, C9, C10, C11, C12>(
_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3, _ c4: C4, _ c5: C5, _ c6: C6, _ c7: C7, _ c8: C8, _ c9: C9, _ c10: C10, _ c11: C11, _ c12: C12
) -> TupleView<
(
Group<TupleView<(C0, C1, C2, C3, C4, C5, C6, C7, C8, C9)>>,
Group<TupleView<(C10, C11, C12)>>
)
>
where C0: View, C1: View, C2: View, C3: View, C4: View, C5: View, C6: View, C7: View, C8: View, C9: View, C10: View, C11: View, C12: View {
TupleView((
Group { TupleView((c0, c1, c2, c3, c4, c5, c6, c7, c8, c9)) },
Group { TupleView((c10, c11, c12)) }
))
}
public static func buildBlock<C0, C1, C2, C3, C4, C5, C6, C7, C8, C9, C10, C11, C12, C13>(
_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3, _ c4: C4, _ c5: C5, _ c6: C6, _ c7: C7, _ c8: C8, _ c9: C9, _ c10: C10, _ c11: C11, _ c12: C12, _ c13: C13
) -> TupleView<
(
Group<TupleView<(C0, C1, C2, C3, C4, C5, C6, C7, C8, C9)>>,
Group<TupleView<(C10, C11, C12, C13)>>
)
>
where C0: View, C1: View, C2: View, C3: View, C4: View, C5: View, C6: View, C7: View, C8: View, C9: View, C10: View, C11: View, C12: View, C13: View {
TupleView((
Group { TupleView((c0, c1, c2, c3, c4, c5, c6, c7, c8, c9)) },
Group { TupleView((c10, c11, c12, c13)) }
))
}
public static func buildBlock<C0, C1, C2, C3, C4, C5, C6, C7, C8, C9, C10, C11, C12, C13, C14>(
_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3, _ c4: C4, _ c5: C5, _ c6: C6, _ c7: C7, _ c8: C8, _ c9: C9, _ c10: C10, _ c11: C11, _ c12: C12, _ c13: C13, _ c14: C14
) -> TupleView<
(
Group<TupleView<(C0, C1, C2, C3, C4, C5, C6, C7, C8, C9)>>,
Group<TupleView<(C10, C11, C12, C13, C14)>>
)
>
where C0: View, C1: View, C2: View, C3: View, C4: View, C5: View, C6: View, C7: View, C8: View, C9: View, C10: View, C11: View, C12: View, C13: View, C14: View {
TupleView((
Group { TupleView((c0, c1, c2, c3, c4, c5, c6, c7, c8, c9)) },
Group { TupleView((c10, c11, c12, c13, c14)) }
))
}
public static func buildBlock<C0, C1, C2, C3, C4, C5, C6, C7, C8, C9, C10, C11, C12, C13, C14, C15>(
_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3, _ c4: C4, _ c5: C5, _ c6: C6, _ c7: C7, _ c8: C8, _ c9: C9, _ c10: C10, _ c11: C11, _ c12: C12, _ c13: C13, _ c14: C14, _ c15: C15
) -> TupleView<
(
Group<TupleView<(C0, C1, C2, C3, C4, C5, C6, C7, C8, C9)>>,
Group<TupleView<(C10, C11, C12, C13, C14, C15)>>
)
>
where C0: View, C1: View, C2: View, C3: View, C4: View, C5: View, C6: View, C7: View, C8: View, C9: View, C10: View, C11: View, C12: View, C13: View, C14: View, C15: View {
TupleView((
Group { TupleView((c0, c1, c2, c3, c4, c5, c6, c7, c8, c9)) },
Group { TupleView((c10, c11, c12, c13, c14, c15)) }
))
}
public static func buildBlock<C0, C1, C2, C3, C4, C5, C6, C7, C8, C9, C10, C11, C12, C13, C14, C15, C16>(
_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3, _ c4: C4, _ c5: C5, _ c6: C6, _ c7: C7, _ c8: C8, _ c9: C9, _ c10: C10, _ c11: C11, _ c12: C12, _ c13: C13, _ c14: C14, _ c15: C15, _ c16: C16
) -> TupleView<
(
Group<TupleView<(C0, C1, C2, C3, C4, C5, C6, C7, C8, C9)>>,
Group<TupleView<(C10, C11, C12, C13, C14, C15, C16)>>
)
>
where C0: View, C1: View, C2: View, C3: View, C4: View, C5: View, C6: View, C7: View, C8: View, C9: View, C10: View, C11: View, C12: View, C13: View, C14: View, C15: View, C16: View {
TupleView((
Group { TupleView((c0, c1, c2, c3, c4, c5, c6, c7, c8, c9)) },
Group { TupleView((c10, c11, c12, c13, c14, c15, c16)) }
))
}
public static func buildBlock<C0, C1, C2, C3, C4, C5, C6, C7, C8, C9, C10, C11, C12, C13, C14, C15, C16, C17>(
_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3, _ c4: C4, _ c5: C5, _ c6: C6, _ c7: C7, _ c8: C8, _ c9: C9, _ c10: C10, _ c11: C11, _ c12: C12, _ c13: C13, _ c14: C14, _ c15: C15, _ c16: C16, _ c17: C17
) -> TupleView<
(
Group<TupleView<(C0, C1, C2, C3, C4, C5, C6, C7, C8, C9)>>,
Group<TupleView<(C10, C11, C12, C13, C14, C15, C16, C17)>>
)
>
where C0: View, C1: View, C2: View, C3: View, C4: View, C5: View, C6: View, C7: View, C8: View, C9: View, C10: View, C11: View, C12: View, C13: View, C14: View, C15: View, C16: View, C17: View {
TupleView((
Group { TupleView((c0, c1, c2, c3, c4, c5, c6, c7, c8, c9)) },
Group { TupleView((c10, c11, c12, c13, c14, c15, c16, c17)) }
))
}
public static func buildBlock<C0, C1, C2, C3, C4, C5, C6, C7, C8, C9, C10, C11, C12, C13, C14, C15, C16, C17, C18>(
_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3, _ c4: C4, _ c5: C5, _ c6: C6, _ c7: C7, _ c8: C8, _ c9: C9, _ c10: C10, _ c11: C11, _ c12: C12, _ c13: C13, _ c14: C14, _ c15: C15, _ c16: C16, _ c17: C17, _ c18: C18
) -> TupleView<
(
Group<TupleView<(C0, C1, C2, C3, C4, C5, C6, C7, C8, C9)>>,
Group<TupleView<(C10, C11, C12, C13, C14, C15, C16, C17, C18)>>
)
>
where C0: View, C1: View, C2: View, C3: View, C4: View, C5: View, C6: View, C7: View, C8: View, C9: View, C10: View, C11: View, C12: View, C13: View, C14: View, C15: View, C16: View, C17: View, C18: View {
TupleView((
Group { TupleView((c0, c1, c2, c3, c4, c5, c6, c7, c8, c9)) },
Group { TupleView((c10, c11, c12, c13, c14, c15, c16, c17, c18)) }
))
}
public static func buildBlock<C0, C1, C2, C3, C4, C5, C6, C7, C8, C9, C10, C11, C12, C13, C14, C15, C16, C17, C18, C19>(
_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3, _ c4: C4, _ c5: C5, _ c6: C6, _ c7: C7, _ c8: C8, _ c9: C9, _ c10: C10, _ c11: C11, _ c12: C12, _ c13: C13, _ c14: C14, _ c15: C15, _ c16: C16, _ c17: C17, _ c18: C18, _ c19: C19
) -> TupleView<
(
Group<TupleView<(C0, C1, C2, C3, C4, C5, C6, C7, C8, C9)>>,
Group<TupleView<(C10, C11, C12, C13, C14, C15, C16, C17, C18, C19)>>
)
>
where C0: View, C1: View, C2: View, C3: View, C4: View, C5: View, C6: View, C7: View, C8: View, C9: View, C10: View, C11: View, C12: View, C13: View, C14: View, C15: View, C16: View, C17: View, C18: View, C19: View {
TupleView((
Group { TupleView((c0, c1, c2, c3, c4, c5, c6, c7, c8, c9)) },
Group { TupleView((c10, c11, c12, c13, c14, c15, c16, c17, c18, c19)) }
))
}
}
У меня есть 6 просмотров после добавления группы вокруг моих просмотров, я все еще получаю дополнительный аргумент в ошибке вызова.
Вот что я сделал, чтобы исправить ошибку.
struct ContentView: View {
var body: some View {
VStack {
Group {
//3 views here
}
Group {
//3 views here
}
}
}
}