iOS16中SwiftUI移除NavigationStack导航栏分隔线问题求助

你遇到的是NavigationStack导航栏底部默认边框（分隔线）的显示问题：深色模式下因背景色与分隔线颜色接近而不可见，但浅色背景（如Color.white）下会明显显现。以下是针对性的解决方案：

方法一：iOS 16+ 原生SwiftUI解决（推荐） #

直接使用toolbarBorderVisibility modifier隐藏导航栏的底部分隔线，修改后的代码如下：

NavigationStack {
     VStack {
       Text("hi")         
     }
     .background(currentUserColorScheme == .dark ? Color.red: Color.white)
     .toolbarBackground(currentUserColorScheme == .dark ? Color.red : Color.white, for: .navigationBar)
     .toolbarBorderVisibility(.hidden, for: .navigationBar) // 新增该行隐藏分隔线
     .navigationTitle("Title")
     .navigationBarTitleDisplayMode(.inline)
}

方法二：兼容iOS 15及更低版本 #

如果需要适配iOS 15，可以通过修改UIKit导航栏的全局外观来移除分隔线，在View的onAppear中添加如下代码：

.onAppear {
    UINavigationBar.appearance().shadowImage = UIImage()
    UINavigationBar.appearance().setBackgroundImage(UIImage(), for: .default)
}

⚠️ 注意：此方法为全局生效，若仅需针对当前页面生效，需在onDisappear中恢复默认设置：

.onDisappear {
    UINavigationBar.appearance().shadowImage = nil
    UINavigationBar.appearance().setBackgroundImage(nil, for: .default)
}

原有代码无效的原因 #

你之前仅设置了导航栏的背景色，但并未处理导航栏自带的底部阴影/分隔线元素，因此浅色背景下这条线依然会显示。

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