我希望能够在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颜色的正确方法?
我发现,虽然通用设置可能很方便,但实际上你可以为每个按钮设置.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)
}
}