Как изменить цвет navigationBarItem

Question

Я хочу иметь возможность устанавливать собственные цвета для NavBar и navigationBarItems в SwiftUI. Вот код для navigationBarItems:

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

Я создал расширение со следующим кодом, который хорошо работает с цветом фона NavigationBar, но не меняет цвет navigationBarItems - они имеют синий цвет кнопки по умолчанию.

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?

Answer 1

Я обнаружил, что, хотя универсальная настройка может быть удобной, вы можете стилизовать.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)
                    }
            }