移除NavigationView上方顶部区域（Stack Overflow方案无效）

你的问题出在修饰符的应用位置错误，以及没有适配新版本iOS的导航栏API。按下面的方法调整代码就能移除顶部黄色区域的空白：

核心修改点 #

• 把.searchable、导航栏相关修饰符移到NavigationView内部的根视图（List）上，而不是加在NavigationView外面
• 用新版的.toolbar修饰符替代旧的navigationBarHidden（iOS 16+推荐），或者兼顾旧版本做兼容

修改后的完整代码 #

struct ContentView: View {
    @State var searchText = ""

    var body: some View {
        NavigationView {
            List {
                NavigationLink(destination: Color(.red)) {
                    Text("aaa")
                }
                NavigationLink(destination: Color(.red)) {
                    Text("bbb")
                }
                NavigationLink(destination: Color(.red)) {
                    Text("ccc")
                }
            }
            // 把所有导航相关修饰符加在这里
            .searchable(text: $searchText, prompt: "search...")
            .navigationBarTitleDisplayMode(.inline)
            .toolbar(.hidden, for: .navigationBar) // iOS 16+ 隐藏导航栏
            .navigationBarHidden(true) // 兼容iOS 15及以下版本
        }
    }
}

为什么之前的方法没用？ #

你之前把.navigationBarHidden和.searchable加在了NavigationView外层，这些修饰符需要作用在NavigationView内部的子视图上才能生效。另外，iOS 16之后苹果推荐用.toolbar(.hidden, for: .navigationBar)来隐藏导航栏，旧的navigationBarHidden虽然还能用，但结合新版API能更稳定地解决空白问题。

内容的提问来源于stack exchange，提问作者Duck