如何在SwiftUI中更改导航栏的背景颜色?

房地产SCHULTE

我想更改导航栏的背景颜色。但是,颜色看起来如此不同,我在做错什么呢?

在此处输入图片说明

我的代码:

UINavigationBar.appearance().backgroundColor = .red

return VStack(spacing: 0) {
    Text("Test")
        .padding(.top, 9.5)
        .padding(.bottom, 8)
        .frame(minWidth: 0, maxWidth: .infinity)
        .background(Color.red)
        .font(.footnote)
    NavigationView {
        Text("Hello")
        .navigationBarTitle(Text("Hi"), displayMode: .inline)
    }
}


编辑:使用此解决方案,它会变得更好,但颜色上仍然存在差异。在此处输入图片说明

我的代码现在:

struct ContentView: View {
    var body: some View {
        VStack(spacing: 0) {
            Text("Test")
                .padding(.top, 9.5)
                .padding(.bottom, 8)
                .frame(minWidth: 0, maxWidth: .infinity)
                .background(Color("red")) // Now I use a color set
                .font(.footnote)
            NavigationView {
                Text("Hello")
                .navigationBarTitle(Text("Hi"), displayMode: .inline)
                .background(NavigationConfigurator { nc in
                    nc.navigationBar.barTintColor = UIColor(named: "red") // Now I use a color set
                })
            }
        }
    }
}

struct NavigationConfigurator: UIViewControllerRepresentable {
    var configure: (UINavigationController) -> Void = { _ in }

    func makeUIViewController(context: UIViewControllerRepresentableContext<NavigationConfigurator>) -> UIViewController {
        UIViewController()
    }
    func updateUIViewController(_ uiViewController: UIViewController, context: UIViewControllerRepresentableContext<NavigationConfigurator>) {
        if let nc = uiViewController.navigationController {
            self.configure(nc)
        }
    }
}
莫伊塔巴·侯赛尼(Mojtaba Hosseini)

问题出在UINavigationBarbackgroundImage您应该将其设置为空,UIImage例如:

struct ContentView: View {

    init() { 
        UINavigationBar.appearance().backgroundColor = .red // Or any other color
        UINavigationBar.appearance().setBackgroundImage(UIImage(), for: .default)
    }

    var body: some View {
        ,,,
    }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Swift 5中以编程方式更改导航栏的背景颜色?

来自分类Dev

如何在launchscreen.storyboard中更改颜色或导航栏?

来自分类Dev

如何在导航栏中更改后退按钮的颜色?

来自分类Dev

如何在导航栏中更改当前链接的颜色

来自分类Dev

如何在Yii2中更改导航栏颜色

来自分类Dev

如何在PWA中更改Android导航栏的颜色?

来自分类Dev

如何在Bootstrap的此导航栏中更改文本的颜色?

来自分类Dev

如何在导航栏中更改活动链接的颜色

来自分类Dev

如何在Bootstrap 3.3.6导航栏中更改悬停颜色?

来自分类Dev

如何在Android中更改操作栏的背景颜色?

来自分类Dev

如何在swiftui中动态更改文本背景颜色?

来自分类Dev

如何在SwiftUI中更改步进器的背景颜色?

来自分类Dev

如何更改导航栏中的文本颜色?

来自分类Dev

如何在不丢失导航栏UI的情况下更改SwiftUI背景?

来自分类Dev

如何使用jQuery更改导航栏元素背景颜色?

来自分类Dev

如何更改 xPage 上的整个导航栏背景颜色?

来自分类Dev

如何更改导航栏的颜色?

来自分类Dev

更改Bootstrap背景导航栏的颜色

来自分类Dev

尝试更改导航栏背景颜色,但失败

来自分类Dev

更改折叠的导航栏列表背景颜色

来自分类Dev

Bootstrap导航栏背景颜色未更改

来自分类Dev

如何在特定视图上更改导航栏的颜色

来自分类Dev

如何在Materialize CSS导航栏中更改所有链接的文本颜色?

来自分类Dev

如何在 iOS 和 Xamarin 中更改导航栏 < 和单词的颜色?

来自分类Dev

单击菜单按钮后,如何在wordpress中将移动导航栏菜单的背景颜色从透明更改为靛蓝?

来自分类Dev

如何在一页网站中更改导航和悬停工具提示背景颜色

来自分类Dev

如何在一页网站中更改导航和悬停工具提示背景颜色

来自分类Dev

如何在Wordpress中更改背景颜色

来自分类Dev

如何在ggvis中更改背景颜色?

Related 相关文章

  1. 1

    如何在Swift 5中以编程方式更改导航栏的背景颜色?

  2. 2

    如何在launchscreen.storyboard中更改颜色或导航栏?

  3. 3

    如何在导航栏中更改后退按钮的颜色?

  4. 4

    如何在导航栏中更改当前链接的颜色

  5. 5

    如何在Yii2中更改导航栏颜色

  6. 6

    如何在PWA中更改Android导航栏的颜色?

  7. 7

    如何在Bootstrap的此导航栏中更改文本的颜色?

  8. 8

    如何在导航栏中更改活动链接的颜色

  9. 9

    如何在Bootstrap 3.3.6导航栏中更改悬停颜色?

  10. 10

    如何在Android中更改操作栏的背景颜色?

  11. 11

    如何在swiftui中动态更改文本背景颜色?

  12. 12

    如何在SwiftUI中更改步进器的背景颜色?

  13. 13

    如何更改导航栏中的文本颜色?

  14. 14

    如何在不丢失导航栏UI的情况下更改SwiftUI背景?

  15. 15

    如何使用jQuery更改导航栏元素背景颜色?

  16. 16

    如何更改 xPage 上的整个导航栏背景颜色?

  17. 17

    如何更改导航栏的颜色?

  18. 18

    更改Bootstrap背景导航栏的颜色

  19. 19

    尝试更改导航栏背景颜色,但失败

  20. 20

    更改折叠的导航栏列表背景颜色

  21. 21

    Bootstrap导航栏背景颜色未更改

  22. 22

    如何在特定视图上更改导航栏的颜色

  23. 23

    如何在Materialize CSS导航栏中更改所有链接的文本颜色?

  24. 24

    如何在 iOS 和 Xamarin 中更改导航栏 < 和单词的颜色?

  25. 25

    单击菜单按钮后,如何在wordpress中将移动导航栏菜单的背景颜色从透明更改为靛蓝?

  26. 26

    如何在一页网站中更改导航和悬停工具提示背景颜色

  27. 27

    如何在一页网站中更改导航和悬停工具提示背景颜色

  28. 28

    如何在Wordpress中更改背景颜色

  29. 29

    如何在ggvis中更改背景颜色?

热门标签

归档