NavigationView中的双重列表[快速]

问题描述

我正在尝试将一个商品的两个类别分别命名为“广域”和“深空”，但我希望第二个列表在下方

我期望看起来像这样：

但是，相反，它将屏幕分成两半，我得到了以下结果：

我当前的代码：

Tag #1,Tag #2,Tag #3,Tag #4

解决方法

我假设您想要的是一个具有两个部分的列表，例如

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)
                    }
                }
            }
        }
    }
}