SwiftUI iOS17：如何单独隐藏/移除单个视图的导航栏阴影（非全局）

针对iOS 16及以上版本，要仅在单个视图中移除导航栏阴影/底部线条，可通过以下两种精准控制的方案实现：

方案一：视图生命周期内修改并恢复导航栏样式 #

通过onAppear和onDisappear在目标视图出现时临时修改导航栏外观，离开时恢复全局默认样式，避免影响其他页面：

struct TargetView: View {
    var body: some View {
        NavigationStack {
            Text("目标视图内容")
                .navigationTitle("示例页面")
                .toolbar {
                    ToolbarItem(placement: .navigationBarTrailing) {
                        Button("操作") {}
                    }
                }
                .onAppear {
                    // 配置无阴影的导航栏外观
                    let appearance = UINavigationBarAppearance()
                    appearance.configureWithDefaultBackground()
                    appearance.shadowColor = .clear
                    // 同时设置标准样式和滚动时的样式
                    UINavigationBar.appearance().standardAppearance = appearance
                    UINavigationBar.appearance().scrollEdgeAppearance = appearance
                }
                .onDisappear {
                    // 恢复全局默认导航栏样式
                    let appearance = UINavigationBarAppearance()
                    appearance.configureWithDefaultBackground()
                    UINavigationBar.appearance().standardAppearance = appearance
                    UINavigationBar.appearance().scrollEdgeAppearance = appearance
                }
        }
    }
}

方案二：SwiftUI原生toolbar修饰符配合外观配置 #

如果页面包含滚动视图，需同时处理导航栏滚动时的样式，可结合toolbar背景配置+外观修改：

struct TargetView: View {
    var body: some View {
        NavigationStack {
            ScrollView {
                VStack(repeatCount: 20) {
                    Text("滚动测试内容")
                        .padding()
                }
            }
            .navigationTitle("无阴影导航栏")
            // 确保导航栏背景可见，避免样式异常
            .toolbarBackground(.visible, for: .navigationBar)
            .toolbarBackground(Color.systemBackground, for: .navigationBar)
            .onAppear {
                let appearance = UINavigationBarAppearance()
                appearance.backgroundEffect = UIBlurEffect(style: .systemMaterial)
                appearance.shadowColor = .clear
                UINavigationBar.appearance().scrollEdgeAppearance = appearance
                UINavigationBar.appearance().standardAppearance = appearance
            }
            .onDisappear {
                let appearance = UINavigationBarAppearance()
                appearance.configureWithDefaultBackground()
                UINavigationBar.appearance().scrollEdgeAppearance = appearance
                UINavigationBar.appearance().standardAppearance = appearance
            }
        }
    }
}

关键注意点 #

• 必须同时设置standardAppearance和scrollEdgeAppearance，iOS 16+导航栏会根据滚动状态切换这两种样式
• 务必在onDisappear中恢复默认样式，防止该配置污染其他页面的导航栏

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