导航视图[Swift]中的双列表
我试图将一个项目的两个类别放在两个不同的列表中,分别命名为“广域”和“深空”,但是我希望第二个列表位于第一个列表的下方 我希望它看起来像这样: 然而,它却将屏幕一分为二,结果如下: 我当前的代码:导航视图[Swift]中的双列表,swift,swiftui,vstack,ios-navigationview,swiftui-navigationview,Swift,Swiftui,Vstack,Ios Navigationview,Swiftui Navigationview,我试图将一个项目的两个类别放在两个不同的列表中,分别命名为“广域”和“深空”,但是我希望第二个列表位于第一个列表的下方 我希望它看起来像这样: 然而,它却将屏幕一分为二,结果如下: 我当前的代码: import SwiftUI struct ListView: View { @Environment(\.colorScheme) var colorScheme var body: some View { NavigationView {
import SwiftUI
struct ListView: View {
@Environment(\.colorScheme) var colorScheme
var body: some View {
NavigationView {
VStack {
List {
ForEach(Photographs.wideFieldPhotos, id: \.self) { key in
HStack {
PhotographRow(photo: key)
}
}
}
.navigationBarTitle("Wide-Field")
List {
ForEach(Photographs.deepSkyPhotos, id: \.self) { key in
HStack {
PhotographRow(photo: key)
}
}
}
.navigationBarTitle("Deep-Sky")
}
}
}
}
struct ListView_Previews: PreviewProvider {
static var previews: some View {
ListView()
}
}
我假设你想要一个包含两个部分的列表,比如
var body: some View {
NavigationView {
List {
Section(header: Text("Wide-Field").font(.largeTitle)) {
ForEach(Photographs.wideFieldPhotos, id: \.self) { key in
HStack {
PhotographRow(photo: key)
}
}
}
Section(header: Text("Deep-Sky").font(.largeTitle)) {
ForEach(Photographs.deepSkyPhotos, id: \.self) { key in
HStack {
PhotographRow(photo: key)
}
}
}
}
}
}