Implementing reordering of Sections - ios

Question

I made some code which is representing View and two Sections in it:
#State var firstCases: FirstTestCases = .first
#State var secondCases: SecondTestCases = .newFirst
var body: some View {
Section(
header: Text("First header"),
footer: Text("First footer"),
content: {
Picker("", selection: $firstCases) {
Text("First case").tag(FirstTestCases.first)
Text("Second case").tag(FirstTestCases.second)
Text("Third case").tag(FirstTestCases.third)
}
.onChange(of: firstCases) { _ in print("Do something") }
.pickerStyle(.segmented)
.padding(.vertical, 4)
}
)
Section(
header: Text("Second header"),
footer: Text("Second footer"),
content: {
Picker("", selection: $secondCases) {
Text("New first case").tag(SecondTestCases.newFirst)
Text("New second case").tag(SecondTestCases.newSecond)
Text("New third case").tag(SecondTestCases.newThird)
}
.onChange(of: secondCases) { _ in print("Do something") }
.pickerStyle(.segmented)
.padding(.vertical, 4)
if secondCases == .newThird {
Button("First button") {
print("Do something")
}
}
Button("Second button", action: {
print("Do something")
})
}
)
}
enum FirstTestCases: Equatable {
case first
case second
case third
}
enum SecondTestCases: Equatable {
case newFirst
case newSecond
case newThird
}
I want to implement option of sorting these sections (I made only 2 here, I will have 7+ sections and section can be different (one section can have few buttons and some sections dont have buttons)). To have option of sorting, I need to have some data in array. So I wanted to create array of Sections.
#State var data: [Section] = []
I was getting error Generic parameter 'Content' could not be inferred., so I made it like this
#State var data: [Section<AnyView, AnyView, AnyView>] = []
I created function, which will append data to array. (Appending already created sections, so later I can use ForEach and use modifier .move)
private func prepareData() {
data
.append(
contentsOf: Section(
header: Text("Second header"),
footer: Text("Second footer"),
content: {
Picker("", selection: $secondCases) {
Text("New first case").tag(SecondTestCases.newFirst)
Text("New second case").tag(SecondTestCases.newSecond)
Text("New third case").tag(SecondTestCases.newThird)
}
.onChange(of: secondCases) { _ in print("Do something") }
.pickerStyle(.segmented)
.padding(.vertical, 4)
if secondCases == .newThird {
Button("First button") {
print("Do something")
}
}
Button("Second button", action: {
print("Do something")
})
}
)
)
}
But problem I am getting is -
Instance method 'append(contentsOf:)' requires that 'Section<Text, TupleView<(some View, Button?, Button)>, Text>' conform to 'Sequence'
Why is this problem occuring? Is this good approach of implementing Section sorting, or is there some better?