导航栏未完全覆盖手机屏幕顶部

Question

我添加了一个没有导航控制器的导航栏，因此导航栏只是一个条带。有什么办法可以让导航栏覆盖整个手机屏幕顶部？

Answer 1

尝试为导航栏设置委托对象。类似的东西;

navigationBar.delegate = self

在您的委托对象中符合 UIBarPositioningDelegate 并将栏附加到顶部；

ViewController: UIViewController, UIBarPositioningDelegate {
    
    func position(for bar: UIBarPositioning) -> UIBarPosition {
        return .topAttached
    }
    
}

Answer 2

如果没有导航控制器，您需要负责调整栏的大小和位置。请尝试添加一些约束，将顶部、前导和尾随锚点固定到超级视图的顶部、前导和尾随锚点。接下来，添加一个约束，将导航栏的底部固定到安全区域的底部，常量为 44 pts，无论您想要什么高度。

Answer 3

只需在您的 dummyNavBar 顶部添加一个虚拟视图，在您的控制器声明类下声明您的顶视图：

let topView = UIView()

现在在 viewDidLoad 中设置 topView 背景颜色并添加约束：

topView.backgroundColor = .white // the background must be the same of your dummyNavBar
topView.translatesAutoresizingMaskIntoConstraints = false

view.addSubview(topView)
topView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
topView.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
topView.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
topView.bottomAnchor.constraint(equalTo: yourDummynavBar.topAnchor).isActive = true

Answer 4

如果您使用的是 SwiftUI，则可以将此修饰符添加到您的 NavigationView：

.edgesIgnoringSafeArea(.top)