SwiftUI 移除 NavigationBar 底部边框

Question

使用 SwiftUI 时如何删除导航栏的底部 1px 边框？

Answer 1

在 View 的初始化程序中，您可以设置导航栏的外观。 在那里，您必须将.shadowColor属性设置为.clear 。

init() {
    let appearance = UINavigationBarAppearance()
    appearance.shadowColor = .clear
    UINavigationBar.appearance().standardAppearance = appearance
    UINavigationBar.appearance().scrollEdgeAppearance = appearance
}

Answer 2

我也遇到过这个问题。 这是几乎相似的帖子

但大多数答案都有副作用。 对我来说，最好的解决方案是这个

UINavigationBar.appearance().barTintColor = .clear
UINavigationBar.appearance().backgroundColor = .clear 
UINavigationBar.appearance().setBackgroundImage(UIImage(), for: .default)
UINavigationBar.appearance().shadowImage = UIImage()

并且还希望将 UIImage() 而不是“nil”设置为 shadowImage 和 bacgroundImage。 我做了导航 displayMode 内联

.navigationBarTitle(Text(""), displayMode: .inline)

Answer 3

在 Xcode 12.4 中，这是对我有用的组合：

init() {
    UINavigationBar.appearance().shadowImage = UIImage()
    UINavigationBar.appearance().setBackgroundImage(UIImage(), for: .default)
    UINavigationBar.appearance().isTranslucent = false
    UINavigationBar.appearance().barTintColor = UIColor.red
}

Answer 4

SwiftUI，1 线。

UINavigationBar.appearance().standardAppearance.shadowColor = .clear

我实现了 inside.onAppear {}

Answer 5

这对我有用

UINavigationBar.appearance().shadowImage = UIImage()