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

最新推荐文章于 2025-06-06 09:13:44 发布

知识大胖

最新推荐文章于 2025-06-06 09:13:44 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： SwiftUI源码大全文章标签： swiftui ios swift

本文链接：https://blog.youkuaiyun.com/iCloudEnd/article/details/126339572

SwiftUI源码大全专栏收录该内容

1425 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文详细介绍了如何在SwiftUI应用中自定义NavigationStack的背景颜色。通过利用UINavigationBarAppearance，并设置backgroundColor为橙色，可以实现导航栈背景的透明度调整。文章从创建基本视图和配置导航标题开始，逐步展示设置过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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为backgro

了解本专栏