SwiftUI 教程之如何在 SwiftUI 中更改 NavigationStack 背景颜色

左丘照
2023-12-01

NavigationStack提供添加NavbarSwiftUI 应用程序的最简单方法。在本文中,我们将研究更改NavigationStackin 的背景颜色SwiftUI。让我们从创建一个简单的视图开始。我们也将设置navigationTitle和navigationBarTitleDisplayMode用于视图。

struct ContentView: View {
    var body: some View {
        NavigationStack {
            VStack {
                Text("Build Photo Gallery in SwiftUI Course at OpenSwiftUI.com")
                    .font(.largeTitle)
                    .foregroundColor(.orange)
            }
            .navigationTitle("OpenSwiftUI.com")
            .navigationBarTitleDisplayMode(.inline)
        }
    }
}

自定义NavigationStack很容易,因为NavigationStack有 支持UINavigationBar,设置它的appearance属性将使我们能够更改各种appearance值,包括backgroundColor.

让我们为橙色创建对象UINavigationBarAppearance并将不透明背景设置configureWithOpaqueBackground为backgroundColor橙色。

我们将通过View初始化设置所有这些,如下所示:

struct ContentView: View {
    
    init() {
        let navBarAppearance = U
 类似资料: