如何使列表在 SwiftUI 中具有完整高度？

Question

我是 SwiftUI 的新手，並通過在線課程學習。 但是它似乎有點過時了，因為我的代碼完全相同，但是 output 不是我所期望的。

我不知道如何使列表獲得完整高度並填充不同的單元格。

**關於問題的更新**

1. 謝謝你們，讓我知道如何將列表的樣式更改為如圖 2 所示，非常感謝。
2. 如何填充列表以生成像圖像 2 一樣填滿屏幕的單元格 ** 持續存在的問題

這是我的 output：

這是我想要的效果，全高：

import SwiftUI
    
    struct ContentView: View {
        var body: some View {
            NavigationView {
                List(posts) { post in
                    Text(post.title)
                }
            .navigationTitle("H4XOR News")
            }
        }
    }
    
    let posts = [
        Post(id: "1", title: "Hello"),
        Post(id: "2", title: "Bonjour"),
        Post(id: "3", title: "Holo")
    ]

Answer 1

您沒有向我們提供 Post 結構，但無論如何，希望這是您所需要的。

import SwiftUI

struct ContentView: View {
    @State var posts = ["Hello", "Bonjour", "Holo"]
    
    var body: some View {
        NavigationView {
            List(posts, id: \.self) { post in
                Text(post)
            }
            .listStyle(InsetListStyle())
            .navigationTitle("H4XOR News")
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}