我如何改变导航条项目的颜色

问题描述 投票:0回答:1

我希望能够在SwiftUI中为NavBar和navigationBarItems设置自定义颜色。下面是导航条Items的代码。

.navigationBarItems(leading: EditButton(), trailing: Button(action: {
     self.showingAddScreen.toggle()
 }) {
     Image(systemName: "plus")
 })
 .sheet(isPresented: $showingAddScreen) {
     NavigationView {
         AddTaskView().environment(\.managedObjectContext, self.moc)
     }
}

我用下面的代码创建了一个扩展,它对导航条的背景颜色很有效,但是它不能改变导航条项的颜色--它们的按钮是默认的蓝色。

extension UINavigationController {
    override open func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)

        let standardAppearance = UINavigationBarAppearance()
        standardAppearance.backgroundColor = UIColor(red: 66/255, green: 116/255, blue: 147/255, alpha: 1.0)

        let scrollEdgeAppearance = UINavigationBarAppearance()
        scrollEdgeAppearance.backgroundColor = UIColor(red: 66/255, green: 116/255, blue: 147/255, alpha: 1.0)

        let compactAppearance = UINavigationBarAppearance()
        compactAppearance.backgroundColor = UIColor(red: 66/255, green: 116/255, blue: 147/255, alpha: 1.0)

        navigationBar.standardAppearance = standardAppearance
        navigationBar.scrollEdgeAppearance = scrollEdgeAppearance
        navigationBar.compactAppearance = compactAppearance

        navigationBar.tintColor = UIColor.white
    }
}

什么是改变navigationBarItems颜色的正确方法?

swiftui uicolor navigationbaritems
1个回答
0
投票

我发现,虽然通用设置可能很方便,但实际上你可以为每个按钮设置.foregroundColor的样式。

  .navigationBarItems(leading: EditButton().foregroundColor(Color.white), trailing: Button(action: {
                    self.showingAddScreen.toggle()
                }) {
                    Image(systemName: "plus")
                        .foregroundColor(Color.white)
                })
                .sheet(isPresented: $showingAddScreen) {
                    NavigationView {
                        AddTaskView().environment(\.managedObjectContext, self.moc)
                    }
            }
© www.soinside.com 2019 - 2024. All rights reserved.