blocks|key|462574|text|如果你有你的内容|type|unstyled|depth|inlineStyleRanges|entityRanges|data|462575|struct+MyContent+:+View+{
...
}|code-block|syntax|javascript|462576|然后，您可以将其放在具有红色背景的导航视图中：|462577|NavigationView+{
++++ZStack(alignment:+.top)+{
++++++++Rectangle()
++++++++++++.foregroundColor(Color.red)
++++++++++++.edgesIgnoringSafeArea(.top)
++++++++MyContent()
++++}
}|462578|一旦我知道如何更新标题文本本身，我就会更新我的答案。|462579|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

If you have your content as

<pre><code>struct MyContent : View {
...
}
</code></pre>

then you can put it like this inside a navigation view with a red background:

<pre><code>NavigationView {
 ZStack(alignment: .top) {
 Rectangle()
 .foregroundColor(Color.red)
 .edgesIgnoringSafeArea(.top)
 MyContent()
 }
}
</code></pre>

I will update my answer as soon as I know how to update the title text itself.

blocks|key|1906479|text|init()+{
++++//+for+navigation+bar+title+color
++++UINavigationBar.appearance().titleTextAttributes+=+[NSAttributedString.Key.foregroundColor:UIColor.red]
+++//+For+navigation+bar+background+color+
++++UINavigationBar.appearance().backgroundColor+=+.green
}

NavigationView+{
+++++++List+{
+++++++++++ForEach(0..<15)+{+item+in
+++++++++++++++HStack+{
++++++++++++++++++++Text("Apple")
+++++++++++++++++++++++.font(.headline)
+++++++++++++++++++++++.fontWeight(.medium)
+++++++++++++++++++++++.color(.orange)
+++++++++++++++++++++++.lineLimit(1)
+++++++++++++++++++++++.multilineTextAlignment(.center)
+++++++++++++++++++++++.padding(.leading)
+++++++++++++++++++++++.frame(width:+125,+height:+nil)

++++++++++++++++++++Text("Apple+Infinite+Loop.+Address:+One+Infinite+Loop+Cupertino,+CA+95014+(408)+606-5775+")
+++++++++++++++++++++++.font(.subheadline)
+++++++++++++++++++++++.fontWeight(.regular)
+++++++++++++++++++++++.multilineTextAlignment(.leading)
+++++++++++++++++++++++.lineLimit(nil)
++++++++++++++++}
+++++++++++}
+++++++}
+++++++.navigationBarTitle(Text("TEST")).navigationBarHidden(false)
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1906480|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre class="lang-swift prettyprint-override"><code>init() {
 // for navigation bar title color
 UINavigationBar.appearance().titleTextAttributes = [NSAttributedString.Key.foregroundColor:UIColor.red]
 // For navigation bar background color 
 UINavigationBar.appearance().backgroundColor = .green
}

NavigationView {
 List {
 ForEach(0..&lt;15) { item in
 HStack {
 Text("Apple")
 .font(.headline)
 .fontWeight(.medium)
 .color(.orange)
 .lineLimit(1)
 .multilineTextAlignment(.center)
 .padding(.leading)
 .frame(width: 125, height: nil)

 Text("Apple Infinite Loop. Address: One Infinite Loop Cupertino, CA 95014 (408) 606-5775 ")
 .font(.subheadline)
 .fontWeight(.regular)
 .multilineTextAlignment(.leading)
 .lineLimit(nil)
 }
 }
 }
 .navigationBarTitle(Text("TEST")).navigationBarHidden(false)
}
</code></pre>

blocks|key|462633|text|我已经开发了一个自定义SwiftUI导航的小样本，它可以提供完整的可视化定制和编程导航。它可以作为NavigationView的替代品。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|462634|下面是处理currentView和导航堆栈的currentView类：|462635|final+class+NavigationStack:+ObservableObject++{
++++@Published+var+viewStack:+[NavigationItem]+=+[]
++++@Published+var+currentView:+NavigationItem

++++init(_+currentView:+NavigationItem+){
++++++++self.currentView+=+currentView
++++}

++++func+unwind(){
++++++++if+viewStack.count+==+0{
++++++++++++return
++++++++}

++++++++let+last+=+viewStack.count+-+1
++++++++currentView+=+viewStack[last]
++++++++viewStack.remove(at:+last)
++++}

++++func+advance(_+view:NavigationItem){
++++++++viewStack.append(+currentView)
++++++++currentView+=+view
++++}

++++func+home(+){
++++++++currentView+=+NavigationItem(+view:+AnyView(HomeView()))
++++++++viewStack.removeAll()
++++}
}|code-block|syntax|javascript|462636|您可以查看完整示例的这里：，并解释如下：|offset|length|462637|PS:我不知道为什么这个被删除了。我认为它回答了这个问题，因为它是NavigationView的一个完美的功能替代品。|462638|entityMap|0|LINK|mutability|MUTABLE|url|http://codingpills.ioneanu.com/swiftui-custom-navigation/^0|0|0|0|A|3|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@$K|10|L|11|1|12]]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

I have developed a small sample of a custom SwiftUI navigation that can provide full visual customisation and programatic navigation. It can be used as a replacement for the NavigationView.

Here is the NavigationStack class that deals with currentView and navigation stack:

<pre class="lang-swift prettyprint-override"><code>final class NavigationStack: ObservableObject {
 @Published var viewStack: [NavigationItem] = []
 @Published var currentView: NavigationItem

 init(_ currentView: NavigationItem ){
 self.currentView = currentView
 }

 func unwind(){
 if viewStack.count == 0{
 return
 }

 let last = viewStack.count - 1
 currentView = viewStack[last]
 viewStack.remove(at: last)
 }

 func advance(_ view:NavigationItem){
 viewStack.append( currentView)
 currentView = view
 }

 func home( ){
 currentView = NavigationItem( view: AnyView(HomeView()))
 viewStack.removeAll()
 }
}

</code></pre>

You can have a look <a href="http://codingpills.ioneanu.com/swiftui-custom-navigation/" rel="noreferrer">here:</a> for the full example with explanation:

PS: I am not sure why this one was deleted. I think it answer the question as it is a perfect functional alternative to NavigationView.

blocks|key|1906544|text|在SwiftUI中，不能直接更改navigationTitleColor。你必须像这样改变init()的外观，|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1906545|struct+YourView:+View+{

++++init()+{
++++++++//Use+this+if+NavigationBarTitle+is+with+Large+Font
++++++++UINavigationBar.appearance().largeTitleTextAttributes+=+[.foregroundColor:+UIColor.red]

++++++++//Use+this+if+NavigationBarTitle+is+with+displayMode+=+.inline
++++++++UINavigationBar.appearance().titleTextAttributes+=+[.foregroundColor:+UIColor.red]
++++}

++++var+body:+some+View+{

++++++++NavigationView+{
++++++++++++List{
++++++++++++++++ForEach(0..<15)+{+item+in
++++++++++++++++++++HStack+{
++++++++++++++++++++++++Text("Apple")
++++++++++++++++++++++++++++.font(.headline)
++++++++++++++++++++++++++++.fontWeight(.medium)
++++++++++++++++++++++++++++.color(.orange)
++++++++++++++++++++++++++++.lineLimit(1)
++++++++++++++++++++++++++++.multilineTextAlignment(.center)
++++++++++++++++++++++++++++.padding(.leading)
++++++++++++++++++++++++++++.frame(width:+125,+height:+nil)


++++++++++++++++++++++++Text("Apple+Infinite+Loop.+Address:+One+Infinite+Loop+Cupertino,+CA+95014+(408)+606-5775+")
++++++++++++++++++++++++++++.font(.subheadline)
++++++++++++++++++++++++++++.fontWeight(.regular)
++++++++++++++++++++++++++++.multilineTextAlignment(.leading)
++++++++++++++++++++++++++++.lineLimit(nil)
++++++++++++++++++++}
++++++++++++++++}
++++++++++++}
++++++++++++.navigationBarTitle(Text("TEST")).navigationBarHidden(false)
++++++++++++//.navigationBarTitle+(Text("TEST"),+displayMode:+.inline)
++++++++}
++++}
}|code-block|syntax|javascript|1906546|我希望它能起作用。谢谢！！|1906547|entityMap^0|19|6|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

In SwiftUI, you can not change the navigationTitleColor directly. You have to change UINavigation's appearance in <code>init()</code> like this,

<pre><code>struct YourView: View {

 init() {
 //Use this if NavigationBarTitle is with Large Font
 UINavigationBar.appearance().largeTitleTextAttributes = [.foregroundColor: UIColor.red]

 //Use this if NavigationBarTitle is with displayMode = .inline
 UINavigationBar.appearance().titleTextAttributes = [.foregroundColor: UIColor.red]
 }

 var body: some View {

 NavigationView {
 List{
 ForEach(0..&lt;15) { item in
 HStack {
 Text("Apple")
 .font(.headline)
 .fontWeight(.medium)
 .color(.orange)
 .lineLimit(1)
 .multilineTextAlignment(.center)
 .padding(.leading)
 .frame(width: 125, height: nil)


 Text("Apple Infinite Loop. Address: One Infinite Loop Cupertino, CA 95014 (408) 606-5775 ")
 .font(.subheadline)
 .fontWeight(.regular)
 .multilineTextAlignment(.leading)
 .lineLimit(nil)
 }
 }
 }
 .navigationBarTitle(Text("TEST")).navigationBarHidden(false)
 //.navigationBarTitle (Text("TEST"), displayMode: .inline)
 }
 }
}
</code></pre>

I hope it will work. Thanks!!

blocks|key|1276910|text|没有必要使用.appearance()来进行全局操作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1276911|尽管SwiftUI不直接公开导航样式，但您可以通过使用UIViewControllerRepresentable来解决这个问题。由于SwiftUI在幕后使用常规的UINavigationController，视图控制器仍然具有一个有效的.navigationController属性。|1276912|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)
++++++++}
++++}

}|code-block|syntax|javascript|1276913|并利用它|1276914|struct+ContentView:+View+{
++++var+body:+some+View+{
++++++++NavigationView+{
++++++++++++ScrollView+{
++++++++++++++++Text("Don't+use+.appearance()!")
++++++++++++}
++++++++++++.navigationBarTitle("Try+it!",+displayMode:+.inline)
++++++++++++.background(NavigationConfigurator+{+nc+in
++++++++++++++++nc.navigationBar.barTintColor+=+.blue
++++++++++++++++nc.navigationBar.titleTextAttributes+=+[.foregroundColor+:+UIColor.white]
++++++++++++})
++++++++}
++++.navigationViewStyle(StackNavigationViewStyle())
++++}
}|1276915|​|1276916|📷|atomic|1276917|1276918|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/b3cd30e6bf8113e573b3ccb433991af6.png|imageAlt^0|6|D|0|R|T|29|M|3A|L|0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@$9|16|A|17|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|18|8|@$9|19|A|1A|B|C]|$9|1B|A|1C|B|C]|$9|1D|A|1E|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|1F|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1G|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|1H|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|1I|8|@]|D|@]|E|$]]|$1|S|3|T|5|U|7|1J|8|@]|D|@$9|1K|A|1L|1|1M]]|E|$]]|$1|V|3|R|5|6|7|1N|8|@]|D|@]|E|$]]|$1|W|3|-4|5|6|7|1O|8|@]|D|@]|E|$]]]|X|$Y|$5|Z|10|11|E|$12|13|14|-4]]]]

It is not necessary to use <code>.appearance()</code> to do this globally.

Although SwiftUI does not expose navigation styling directly, you can work around that by using <code>UIViewControllerRepresentable</code>. Since SwiftUI is using a regular <code>UINavigationController</code> behind the scenes, the view controller will still have a valid <code>.navigationController</code> property.

<pre class="lang-swift prettyprint-override"><code>struct NavigationConfigurator: UIViewControllerRepresentable {
 var configure: (UINavigationController) -&gt; Void = { _ in }

 func makeUIViewController(context: UIViewControllerRepresentableContext&lt;NavigationConfigurator&gt;) -&gt; UIViewController {
 UIViewController()
 }
 func updateUIViewController(_ uiViewController: UIViewController, context: UIViewControllerRepresentableContext&lt;NavigationConfigurator&gt;) {
 if let nc = uiViewController.navigationController {
 self.configure(nc)
 }
 }

}
</code></pre>

And to use it

<pre class="lang-swift prettyprint-override"><code>struct ContentView: View {
 var body: some View {
 NavigationView {
 ScrollView {
 Text("Don't use .appearance()!")
 }
 .navigationBarTitle("Try it!", displayMode: .inline)
 .background(NavigationConfigurator { nc in
 nc.navigationBar.barTintColor = .blue
 nc.navigationBar.titleTextAttributes = [.foregroundColor : UIColor.white]
 })
 }
 .navigationViewStyle(StackNavigationViewStyle())
 }
}

</code></pre>

<a href="https://i.stack.imgur.com/kIaR4.png" rel="noreferrer"><img src="https://i.stack.imgur.com/kIaR4.png" alt="Modified navigation bar"></a>

blocks|key|1276922|text|我还没有弄清楚如何在每个视图的基础上做前景颜色，但我确实想出了一个简单的解决方案的背景色。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1276923|如果使用.inline标题，则只需在NavigationView顶部使用带有矩形的VStack|offset|length|style|CODE|1276924|NavigationView+{
++++VStack()+{
++++++++Rectangle()
++++++++++++.foregroundColor(.red)
++++++++++++.edgesIgnoringSafeArea(.top)
++++++++++++.frame(height:+0)

++++++++List+{
++++++++++++Text("Hello+World")
++++++++++++Text("Hello+World")
++++++++++++Text("Hello+World")
++++++++}
++++}
++++.navigationBarTitle("Hello+World",+displayMode:+.inline)
++++//+...|code-block|syntax|javascript|1276925|注意矩形是如何使用0和.edgesIgnoringSafeArea(.top)的框架高度的。|1276926|entityMap^0|0|4|7|I|E|15|6|0|0|9|1|B|S|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@$D|S|E|T|F|G]|$D|U|E|V|F|G]|$D|W|E|X|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|Y|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|Z|8|@$D|10|E|11|F|G]|$D|12|E|13|F|G]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$]]

I still haven't figured out how to do the foreground color on a per-view basis, but I did figure out a simple workaround for the background color.

If using an <code>.inline</code> title, you can just use a <code>VStack</code> with a rectangle at the top of the <code>NavigationView</code>:

<pre><code>NavigationView {
 VStack() {
 Rectangle()
 .foregroundColor(.red)
 .edgesIgnoringSafeArea(.top)
 .frame(height: 0)

 List {
 Text("Hello World")
 Text("Hello World")
 Text("Hello World")
 }
 }
 .navigationBarTitle("Hello World", displayMode: .inline)
 // ...
</code></pre>

Note how the rectangle uses a frame height of <code>0</code> and <code>.edgesIgnoringSafeArea(.top)</code>.

blocks|key|1276992|text|在SwiftUI中使用以下代码进行颜色定制|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1276993|这是主体背景颜色：-|1276994|struct+ContentView:+View+{

var+body:+some+View+{

+Color.red
.edgesIgnoringSafeArea(.all)

+}

}|code-block|syntax|javascript|1276995|​|1276996|📷|atomic|offset|length|1276997|1276998|导航条：-|1276999|struct+ContentView:+View+{

@State+var+msg+=+"Hello+SwiftUI"

init()+{

++++UINavigationBar.appearance().backgroundColor+=+.systemPink

+++++UINavigationBar.appearance().largeTitleTextAttributes+=+[
++++++++.foregroundColor:+UIColor.white,
+++++++++++++++.font+:+UIFont(name:"Helvetica+Neue",+size:+40)!]

}

var+body:+some+View+{

++++NavigationView+{

++++Text(msg)

++++++++.navigationBarTitle(Text("NAVIGATION+BAR"))

++++}

++++}

++}|1277000|1277001|1277002|1277003|对于其他UI元素，颜色自定义|1277004|struct+ContentView:+View+{

@State+var+msg+=+"Hello+SwiftUI"

var+body:+some+View+{

++++++++Text(msg).padding()
++++++++++++.foregroundColor(.white)
++++++++++++.background(Color.pink)

++++}
+}|1277005|1277006|1277007|1277008|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/e62efb0ba3b6e32b60122ce2d2ea982f.png|imageAlt|1|https://developer.qcloudimg.com/http-save/yehe-900000/395a02a571911c28e042491b0cc9fc45.png|2|https://developer.qcloudimg.com/http-save/yehe-900000/743394ff273c82624887f19b850b3de6.png^0|0|0|0|0|0|1|0|0|0|0|0|0|0|1|1|0|0|0|0|0|0|1|2|0|0^^$0|@$1|2|3|4|5|6|7|1H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1I|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1J|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1K|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|1L|8|@]|9|@$N|1M|O|1N|1|1O]]|A|$]]|$1|P|3|J|5|6|7|1P|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|1R|8|@]|9|@]|A|$G|H]]|$1|U|3|J|5|6|7|1S|8|@]|9|@]|A|$]]|$1|V|3|L|5|M|7|1T|8|@]|9|@$N|1U|O|1V|1|1W]]|A|$]]|$1|W|3|J|5|6|7|1X|8|@]|9|@]|A|$]]|$1|X|3|Y|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|Z|3|10|5|F|7|1Z|8|@]|9|@]|A|$G|H]]|$1|11|3|J|5|6|7|20|8|@]|9|@]|A|$]]|$1|12|3|L|5|M|7|21|8|@]|9|@$N|22|O|23|1|24]]|A|$]]|$1|13|3|J|5|6|7|25|8|@]|9|@]|A|$]]|$1|14|3|-4|5|6|7|26|8|@]|9|@]|A|$]]]|15|$16|$5|17|18|19|A|$1A|1B|1C|-4]]|1D|$5|17|18|19|A|$1A|1E|1C|-4]]|1F|$5|17|18|19|A|$1A|1G|1C|-4]]]]

Use Below Code for Color Customization in SwiftUI

This is for main body background color:-

<pre><code>struct ContentView: View {

var body: some View {

 Color.red
.edgesIgnoringSafeArea(.all)

 }

}
</code></pre>

<a href="https://i.stack.imgur.com/szreU.png" rel="noreferrer"><img src="https://i.stack.imgur.com/szreU.png" alt="enter image description here"></a>

For Navigation Bar:-

<pre><code>struct ContentView: View {

@State var msg = "Hello SwiftUI"

init() {

 UINavigationBar.appearance().backgroundColor = .systemPink

 UINavigationBar.appearance().largeTitleTextAttributes = [
 .foregroundColor: UIColor.white,
 .font : UIFont(name:"Helvetica Neue", size: 40)!]

}

var body: some View {

 NavigationView {

 Text(msg)

 .navigationBarTitle(Text("NAVIGATION BAR"))

 }

 }

 }
</code></pre>

<a href="https://i.stack.imgur.com/VPeIt.png" rel="noreferrer"><img src="https://i.stack.imgur.com/VPeIt.png" alt="enter image description here"></a>

For Other UI Elements Color Customization

<pre><code>struct ContentView: View {

@State var msg = "Hello SwiftUI"

var body: some View {

 Text(msg).padding()
 .foregroundColor(.white)
 .background(Color.pink)

 }
 }
</code></pre>

<a href="https://i.stack.imgur.com/kUOHH.png" rel="noreferrer"><img src="https://i.stack.imgur.com/kUOHH.png" alt="enter image description here"></a>

blocks|key|462770|text|13.4最新情况|type|unstyled|depth|inlineStyleRanges|entityRanges|data|462771|注意:第二天重新讨论这个问题，可能是由于我的一些不标准设置引起的:我仍然在运行mojave，但是手动添加了13.4支持文件(通常只能通过xcode+11.4获得，这需要catalina)。我之所以提到这一点，是因为我有一些选项卡栏的自定义颜色问题，但我只是注意到，只有当我的手机真正插入并运行xcode应用程序时，这些问题才会显现出来。如果我拔掉插头，只是正常运行应用程序，我没有看到标签栏的问题，所以可能是导航栏问题有一些相似之处…|462772|(我想补充这一点，作为对阿尔塞纽斯的回答(目前已被接受的答案)的评论，但我没有代表，所以.)|462773|我在使用那个解决方案，它一直工作到13.4，这似乎已经破坏了它，至少对我来说是这样。在进行了大量视图层次结构跟踪之后，它们似乎改变了一些事情，从而不再像解决方案中所描述的那样，通过传递的UINavigationController轻松地访问隐式UIViewController。它还在那里(离树很远)，我们只需要找到它。|462774|为此，我们只需遍历视图层次结构，直到找到导航条，然后像往常一样在其上设置所需的参数。这就需要一个新的发现函数，以及对NavigationConfigurator结构的一些小改动，以及它的实例化.|462775|首先是发现功能：|462776|func+find_navbar(_+root:+UIView?)+->+UINavigationBar?
{
++++guard+root+!=+nil+else+{+return+nil+}

++++var+navbar:+UINavigationBar?+=+nil
++++for+v+in+root!.subviews
++++{+++if+type(of:+v)+==+UINavigationBar.self+{+navbar+=+(v+as!+UINavigationBar);+break+}
++++++++else+{+navbar+=+find_navbar(v);+if+navbar+!=+nil+{+break+}+}
++++}

++++return+navbar
}|code-block|syntax|javascript|462777|按以下方式修改NavigationConfigurator+(请注意，我们不再关心传递视图，因为这不再可靠)：|462778|struct+NavigationConfigurator:+UIViewControllerRepresentable
{
++++@EnvironmentObject+var+prefs:+Prefs+++++//+to+pick+up+colorscheme+changes

++++var+configure:+()+->+Void+=+{}
++++func+makeUIViewController(context:+UIViewControllerRepresentableContext<NavigationConfigurator>)+->+UIViewController+{+UIViewController()+}
++++func+updateUIViewController(_+uiViewController:+UIViewController,+context:+UIViewControllerRepresentableContext<NavigationConfigurator>)+{+self.configure()+}
}|462779|(在我的应用程序中，我有一个Prefs对象，用于跟踪颜色等。)|462780|..。然后，在实例化站点执行如下操作：|462781|MyView()
++++.navigationBarTitle("List",+displayMode:+.inline)
++++.navigationBarItems(trailing:+navbuttons)
++++.background(NavigationConfigurator+{
++++++++if+self.prefs.UI_COLORSCHEME+!=+Colorscheme.system.rawValue
++++++++{+++if+let+navbar+=+find_navbar(root_vc?.view)
++++++++++++{+++navbar.barTintColor+=+Colors.uicolor(.navbar,+.background)
++++++++++++++++navbar.backgroundColor+=+.black
++++++++++++++++navbar.titleTextAttributes+=+[.foregroundColor:+Colors.uicolor(.navbar,+.foreground)]
++++++++++++++++navbar.tintColor+=+Colors.uicolor(.navbar,+.foreground)
++++++++++++}
++++++++}
++++})|462782|请注意，我在应用程序的其他地方捕获了根视图控制器，并在这里使用它传递给find_navbar()。你可能想做不同的事情，但我已经有了那个变量，因为其他原因.我的应用程序还有其他一些特定的东西，比如与颜色相关的物体，但是你有了这个想法。|462783|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|15|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|16|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|17|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|18|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|19|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|1A|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|1B|8|@]|9|@]|A|$]]|$1|S|3|T|5|N|7|1C|8|@]|9|@]|A|$O|P]]|$1|U|3|V|5|6|7|1D|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|1E|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|N|7|1F|8|@]|9|@]|A|$O|P]]|$1|10|3|11|5|6|7|1G|8|@]|9|@]|A|$]]|$1|12|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|13|$]]

<h1>update for 13.4</h1>

note: revisiting this the next day, it may be possible that some of my issues were caused by my somewhat nonstandard setup: i am still running mojave, but have manually added the 13.4 support files (normally available only via xcode 11.4, which requires catalina). i mention this because i am/was also having some tab bar custom color issues, but i just noticed that those are only manifesting when i have the phone actually plugged in and am running the app from xcode. if i unplug, and just run the app normally, i am not seeing the tab bar issues, so it may be possible that the nav bar issue had some similarity ...

(i would add this as a comment on arsenius' answer (the currently accepted one) above, but i don't have the rep, so ...)

i was using that solution, and it was working perfectly up until 13.4, which seems to have broken it, at least for me. after a lot of view hierarchy tracing, it looks like they changed things such that the implicit UINavigationController is no longer easily accessible via the passed UIViewController as described in the workaround. it's still there though (pretty far up the tree), we just have to find it.

to that end, we can just walk the view hierarchy until we find the navbar, and then set the desired parameters on it, as usual. this necessitates a new discovery function, and some minor changes to the NavigationConfigurator struct, and its instantiation ...

first up, the discovery function:

<pre><code>func find_navbar(_ root: UIView?) -&gt; UINavigationBar?
{
 guard root != nil else { return nil }

 var navbar: UINavigationBar? = nil
 for v in root!.subviews
 { if type(of: v) == UINavigationBar.self { navbar = (v as! UINavigationBar); break }
 else { navbar = find_navbar(v); if navbar != nil { break } }
 }

 return navbar
}
</code></pre>

modify the NavigationConfigurator as follows (note that we no longer care about passing in a view, since that's no longer reliable):

<pre><code>struct NavigationConfigurator: UIViewControllerRepresentable
{
 @EnvironmentObject var prefs: Prefs // to pick up colorscheme changes

 var configure: () -&gt; Void = {}
 func makeUIViewController(context: UIViewControllerRepresentableContext&lt;NavigationConfigurator&gt;) -&gt; UIViewController { UIViewController() }
 func updateUIViewController(_ uiViewController: UIViewController, context: UIViewControllerRepresentableContext&lt;NavigationConfigurator&gt;) { self.configure() }
}
</code></pre>

(in my app, i have a Prefs object which keeps track of colors, etc.)

... then, at the instantiation site, do something like this:

<pre><code>MyView()
 .navigationBarTitle("List", displayMode: .inline)
 .navigationBarItems(trailing: navbuttons)
 .background(NavigationConfigurator {
 if self.prefs.UI_COLORSCHEME != Colorscheme.system.rawValue
 { if let navbar = find_navbar(root_vc?.view)
 { navbar.barTintColor = Colors.uicolor(.navbar, .background)
 navbar.backgroundColor = .black
 navbar.titleTextAttributes = [.foregroundColor: Colors.uicolor(.navbar, .foreground)]
 navbar.tintColor = Colors.uicolor(.navbar, .foreground)
 }
 }
 })
</code></pre>

note that i capture the root view controller elsewhere in my app, and use it here to pass to find_navbar(). you might want to do it differently, but i already have that variable around for other reasons ... there's some other stuff there specific to my app, e.g., the color-related objects, but you get the idea.

blocks|key|1277151|text|这是对我有效的解决办法。您需要从UINavigationController作为rootViewController开始。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1277152|func+scene(_+scene:+UIScene,+willConnectTo+session:+UISceneSession,+options+connectionOptions:+UIScene.ConnectionOptions)+{
++++if+let+windowScene+=+scene+as?+UIWindowScene+{
++++++++let+window+=+UIWindow(windowScene:+windowScene)
++++++++let+nav+=+setupNavigationController()
++++++++window.rootViewController+=+nav
++++++++self.window+=+window
++++++++window.makeKeyAndVisible()
++++}
}

func+setupNavigationController()+->+UINavigationController+{
++++let+contentView+=+ContentView()
++++let+hosting+=+UIHostingController(rootView:+contentView)
++++let+nav+=+NavigationController(rootViewController:+hosting)
++++let+navBarAppearance+=+UINavigationBarAppearance()
++++navBarAppearance.titleTextAttributes+=+[.foregroundColor:+UIColor.white]
++++navBarAppearance.largeTitleTextAttributes+=+[.foregroundColor:+UIColor.white]
++++navBarAppearance.backgroundColor+=+UIColor.black
++++nav.navigationBar.standardAppearance+=+navBarAppearance
++++nav.navigationBar.scrollEdgeAppearance+=+navBarAppearance
++++nav.navigationBar.prefersLargeTitles+=+true
++++return+nav
}|code-block|syntax|javascript|1277153|然后在你的内容视图中：|1277154|struct+ContentView:+View+{

++++@State+private+var+isModalViewPresented:+Bool+=+false

++++var+body:+some+View+{
++++++++List(0+..<+10,+rowContent:+{+(index)+in
++++++++++++NavigationLink(destination:+DetailView())+{
++++++++++++++++Text("\(index)")
++++++++++++}
++++++++})
++++++++.navigationBarItems(trailing:+Button("Model")+{
++++++++++++self.isModalViewPresented.toggle()
++++++++})
++++++++.sheet(isPresented:+$isModalViewPresented,+content:+{
++++++++++++ModalView()
++++++++})
++++++++.navigationBarTitle("Main+View")
++++}
}|1277155|如果您想在某个点(例如在模态视图中)更改颜色，请使用给定的这里答案。|offset|length|1277156|struct+ModalView:+View+{
++++var+body:+some+View+{
++++++++NavigationView+{
+++++++++++Text("Hello,+World!")
+++++++++++.navigationBarTitle("Modal+View")
+++++++++++.background(NavigationConfigurator+{+nc+in
++++++++++++++nc.navigationBar.backgroundColor+=+UIColor.blue
++++++++++++++nc.navigationBar.largeTitleTextAttributes+=+[.foregroundColor:+UIColor.white]
+++++++++++})
+++++++}
++++}
}|1277157|可以将UINavigationController子类更改状态栏颜色。|1277158|class+NavigationController:+UINavigationController+{

++++override+func+viewDidLoad()+{
++++++++super.viewDidLoad()
++++}

++++override+var+preferredStatusBarStyle:+UIStatusBarStyle+
++++{
++++++++.lightContent
++++}
}|1277159|​|1277160|📷|atomic|1277161|1277162|1277163|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/58427754/7020132|1|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/151fa4f9825710bbeb3954934cf041b3.png|imageAlt|2|https://developer.qcloudimg.com/http-save/yehe-900000/3d45a812e489063f65ec838038c6a85b.png^0|0|0|0|0|T|2|0|0|0|0|0|0|0|1|1|0|0|1|2|0|0^^$0|@$1|2|3|4|5|6|7|1H|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1I|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|1J|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|1K|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|1L|8|@]|9|@$M|1M|N|1N|1|1O]]|A|$]]|$1|O|3|P|5|D|7|1P|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|S|3|T|5|D|7|1R|8|@]|9|@]|A|$E|F]]|$1|U|3|V|5|6|7|1S|8|@]|9|@]|A|$]]|$1|W|3|X|5|Y|7|1T|8|@]|9|@$M|1U|N|1V|1|1W]]|A|$]]|$1|Z|3|X|5|Y|7|1X|8|@]|9|@$M|1Y|N|1Z|1|20]]|A|$]]|$1|10|3|V|5|6|7|21|8|@]|9|@]|A|$]]|$1|11|3|-4|5|6|7|22|8|@]|9|@]|A|$]]]|12|$13|$5|14|15|16|A|$17|18]]|19|$5|1A|15|1B|A|$1C|1D|1E|-4]]|1F|$5|1A|15|1B|A|$1C|1G|1E|-4]]]]

Here is the solution that worked for me. You need to start off with a UINavigationController as the rootViewController.

<pre><code>func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
 if let windowScene = scene as? UIWindowScene {
 let window = UIWindow(windowScene: windowScene)
 let nav = setupNavigationController()
 window.rootViewController = nav
 self.window = window
 window.makeKeyAndVisible()
 }
}

func setupNavigationController() -&gt; UINavigationController {
 let contentView = ContentView()
 let hosting = UIHostingController(rootView: contentView)
 let nav = NavigationController(rootViewController: hosting)
 let navBarAppearance = UINavigationBarAppearance()
 navBarAppearance.titleTextAttributes = [.foregroundColor: UIColor.white]
 navBarAppearance.largeTitleTextAttributes = [.foregroundColor: UIColor.white]
 navBarAppearance.backgroundColor = UIColor.black
 nav.navigationBar.standardAppearance = navBarAppearance
 nav.navigationBar.scrollEdgeAppearance = navBarAppearance
 nav.navigationBar.prefersLargeTitles = true
 return nav
}
</code></pre>

and then in your content view:

<pre><code>struct ContentView: View {

 @State private var isModalViewPresented: Bool = false

 var body: some View {
 List(0 ..&lt; 10, rowContent: { (index) in
 NavigationLink(destination: DetailView()) {
 Text("\(index)")
 }
 })
 .navigationBarItems(trailing: Button("Model") {
 self.isModalViewPresented.toggle()
 })
 .sheet(isPresented: $isModalViewPresented, content: {
 ModalView()
 })
 .navigationBarTitle("Main View")
 }
}
</code></pre>

and if you want to change the color at some point, such as in a modal view, use the answer given <a href="https://stackoverflow.com/a/58427754/7020132">here</a> 

<pre><code>struct ModalView: View {
 var body: some View {
 NavigationView {
 Text("Hello, World!")
 .navigationBarTitle("Modal View")
 .background(NavigationConfigurator { nc in
 nc.navigationBar.backgroundColor = UIColor.blue
 nc.navigationBar.largeTitleTextAttributes = [.foregroundColor: UIColor.white]
 })
 }
 }
}
</code></pre>

you can subclass UINavigationController to change the status bar color

<pre><code>class NavigationController: UINavigationController {

 override func viewDidLoad() {
 super.viewDidLoad()
 }

 override var preferredStatusBarStyle: UIStatusBarStyle 
 {
 .lightContent
 }
}
</code></pre>

<a href="https://i.stack.imgur.com/aLf8m.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aLf8m.png" alt="Main View"></a>
<a href="https://i.stack.imgur.com/Wwoj9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Wwoj9.png" alt="Modal View"></a>

blocks|key|462898|text|我已经搜索了这个问题，并找到了一篇很好的文章，您可以将导航栏样式的设置包装为视图修饰符。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|462899|看看这个链接。|offset|length|462900|titleColor注释:我相信您需要更新这个示例中的一些代码，添加参数.|style|BOLD|CODE|462901|struct+NavigationBarModifier:+ViewModifier+{

++++var+backgroundColor:+UIColor?
++++var+titleColor:+UIColor?

++++init(backgroundColor:+UIColor?,+titleColor:+UIColor?)+{
++++++++self.backgroundColor+=+backgroundColor
++++++++let+coloredAppearance+=+UINavigationBarAppearance()
++++++++coloredAppearance.configureWithTransparentBackground()
++++++++coloredAppearance.backgroundColor+=+backgroundColor
++++++++coloredAppearance.titleTextAttributes+=+[.foregroundColor:+titleColor+??+.white]
++++++++coloredAppearance.largeTitleTextAttributes+=+[.foregroundColor:+titleColor+??+.white]

++++++++UINavigationBar.appearance().standardAppearance+=+coloredAppearance
++++++++UINavigationBar.appearance().compactAppearance+=+coloredAppearance
++++++++UINavigationBar.appearance().scrollEdgeAppearance+=+coloredAppearance
++++}

++++func+body(content:+Content)+->+some+View+{
++++++++ZStack{
++++++++++++content
++++++++++++VStack+{
++++++++++++++++GeometryReader+{+geometry+in
++++++++++++++++++++Color(self.backgroundColor+??+.clear)
++++++++++++++++++++++++.frame(height:+geometry.safeAreaInsets.top)
++++++++++++++++++++++++.edgesIgnoringSafeArea(.top)
++++++++++++++++++++Spacer()
++++++++++++++++}
++++++++++++}
++++++++}
++++}
}

extension+View+{

++++func+navigationBarColor(backgroundColor:+UIColor?,+titleColor:+UIColor?)+->+some+View+{
++++++++self.modifier(NavigationBarModifier(backgroundColor:+backgroundColor,+titleColor:+titleColor))
++++}

}|code-block|syntax|javascript|462902|在此之后，像这样申请：|462903|.navigationBarColor(backgroundColor:+.clear,+titleColor:+.white)|462904|我希望它能起作用。|462905|entityMap|0|LINK|mutability|MUTABLE|url|https://filipmolcik.com/navigationview-dynamic-background-color-in-swiftui/^0|0|4|2|0|0|0|A|Y|3|0|A|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|14|8|@]|9|@$D|15|E|16|1|17]]|A|$]]|$1|F|3|G|5|6|7|18|8|@$D|19|E|1A|H|I]|$D|1B|E|1C|H|I]|$D|1D|E|1E|H|J]]|9|@]|A|$]]|$1|K|3|L|5|M|7|1F|8|@]|9|@]|A|$N|O]]|$1|P|3|Q|5|6|7|1G|8|@]|9|@]|A|$]]|$1|R|3|S|5|M|7|1H|8|@]|9|@]|A|$N|O]]|$1|T|3|U|5|6|7|1I|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]]|W|$X|$5|Y|Z|10|A|$11|12]]]]

I have searched for this issue and find a great article about this, you could wrap the settings of navigation bar style as a view modifier. 

Check this <a href="https://filipmolcik.com/navigationview-dynamic-background-color-in-swiftui/" rel="noreferrer">Link</a>.

Notes: I believe you need to update some code in this example, add <code>titleColor</code> parameter.

<pre><code>struct NavigationBarModifier: ViewModifier {

 var backgroundColor: UIColor?
 var titleColor: UIColor?

 init(backgroundColor: UIColor?, titleColor: UIColor?) {
 self.backgroundColor = backgroundColor
 let coloredAppearance = UINavigationBarAppearance()
 coloredAppearance.configureWithTransparentBackground()
 coloredAppearance.backgroundColor = backgroundColor
 coloredAppearance.titleTextAttributes = [.foregroundColor: titleColor ?? .white]
 coloredAppearance.largeTitleTextAttributes = [.foregroundColor: titleColor ?? .white]

 UINavigationBar.appearance().standardAppearance = coloredAppearance
 UINavigationBar.appearance().compactAppearance = coloredAppearance
 UINavigationBar.appearance().scrollEdgeAppearance = coloredAppearance
 }

 func body(content: Content) -&gt; some View {
 ZStack{
 content
 VStack {
 GeometryReader { geometry in
 Color(self.backgroundColor ?? .clear)
 .frame(height: geometry.safeAreaInsets.top)
 .edgesIgnoringSafeArea(.top)
 Spacer()
 }
 }
 }
 }
}

extension View {

 func navigationBarColor(backgroundColor: UIColor?, titleColor: UIColor?) -&gt; some View {
 self.modifier(NavigationBarModifier(backgroundColor: backgroundColor, titleColor: titleColor))
 }

}
</code></pre>

After that, apply like this:

<pre><code>.navigationBarColor(backgroundColor: .clear, titleColor: .white)
</code></pre>

I hope it will work.

blocks|key|1277284|text|在从阿森纳得到的答案的基础上，我发现让它持续工作的一种优雅方法是子类UIViewController并在viewDidLayoutSubviews()中进行配置。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1277285|用法：|1277286|VStack+{
++++Text("Hello+world")
++++++++.configureNavigationBar+{
++++++++++++$0.navigationBar.setBackgroundImage(UIImage(),+for:+.default)
++++++++++++$0.navigationBar.shadowImage+=+UIImage()
++++++++}
}|code-block|syntax|javascript|1277287|执行情况：|1277288|extension+View+{
++++func+configureNavigationBar(configure:+@escaping+(UINavigationController)+->+Void)+->+some+View+{
++++++++modifier(NavigationConfigurationViewModifier(configure:+configure))
++++}
}

struct+NavigationConfigurationViewModifier:+ViewModifier+{
++++let+configure:+(UINavigationController)+->+Void

++++func+body(content:+Content)+->+some+View+{
++++++++content.background(NavigationConfigurator(configure:+configure))
++++}
}

struct+NavigationConfigurator:+UIViewControllerRepresentable+{
++++let+configure:+(UINavigationController)+->+Void

++++func+makeUIViewController(
++++++++context:+UIViewControllerRepresentableContext<NavigationConfigurator>
++++)+->+NavigationConfigurationViewController+{
++++++++NavigationConfigurationViewController(configure:+configure)
++++}

++++func+updateUIViewController(
++++++++_+uiViewController:+NavigationConfigurationViewController,
++++++++context:+UIViewControllerRepresentableContext<NavigationConfigurator>
++++)+{+}
}

final+class+NavigationConfigurationViewController:+UIViewController+{
++++let+configure:+(UINavigationController)+->+Void

++++init(configure:+@escaping+(UINavigationController)+->+Void)+{
++++++++self.configure+=+configure
++++++++super.init(nibName:+nil,+bundle:+nil)
++++}

++++required+init?(coder:+NSCoder)+{
++++++++fatalError("init(coder:)+has+not+been+implemented")
++++}

++++override+func+viewDidLayoutSubviews()+{
++++++++super.viewDidLayoutSubviews()

++++++++if+let+navigationController+=+navigationController+{
++++++++++++configure(navigationController)
++++++++}
++++}
}|1277289|entityMap^0|Y|G|1G|N|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|R|$]]

Building on the answer from Arsenius, I found that an elegant way to get it to work consistently was to subclass <code>UIViewController</code> and do the configuration in <code>viewDidLayoutSubviews()</code>.
Usage:
<pre><code>VStack {
 Text(&quot;Hello world&quot;)
 .configureNavigationBar {
 $0.navigationBar.setBackgroundImage(UIImage(), for: .default)
 $0.navigationBar.shadowImage = UIImage()
 }
}
</code></pre>
Implementation:
<pre><code>extension View {
 func configureNavigationBar(configure: @escaping (UINavigationController) -&gt; Void) -&gt; some View {
 modifier(NavigationConfigurationViewModifier(configure: configure))
 }
}

struct NavigationConfigurationViewModifier: ViewModifier {
 let configure: (UINavigationController) -&gt; Void

 func body(content: Content) -&gt; some View {
 content.background(NavigationConfigurator(configure: configure))
 }
}

struct NavigationConfigurator: UIViewControllerRepresentable {
 let configure: (UINavigationController) -&gt; Void

 func makeUIViewController(
 context: UIViewControllerRepresentableContext&lt;NavigationConfigurator&gt;
 ) -&gt; NavigationConfigurationViewController {
 NavigationConfigurationViewController(configure: configure)
 }

 func updateUIViewController(
 _ uiViewController: NavigationConfigurationViewController,
 context: UIViewControllerRepresentableContext&lt;NavigationConfigurator&gt;
 ) { }
}

final class NavigationConfigurationViewController: UIViewController {
 let configure: (UINavigationController) -&gt; Void

 init(configure: @escaping (UINavigationController) -&gt; Void) {
 self.configure = configure
 super.init(nibName: nil, bundle: nil)
 }

 required init?(coder: NSCoder) {
 fatalError(&quot;init(coder:) has not been implemented&quot;)
 }

 override func viewDidLayoutSubviews() {
 super.viewDidLayoutSubviews()

 if let navigationController = navigationController {
 configure(navigationController)
 }
 }
}
</code></pre>

blocks|key|1906850|text|在iOS+14中，SwiftUI有一种使用新的toolbar修饰符定制导航条的方法。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1906851|我们需要将布局类型的ToolbarItem+.principal设置为一个新的toolbar修饰符。你甚至可以设置一个图像和更多。|1906852|NavigationView+{
++++Text("My+View!")
++++++++.navigationBarTitleDisplayMode(.inline)
++++++++.toolbar+{
++++++++++++ToolbarItem(placement:+.principal)+{
++++++++++++++++HStack+{
++++++++++++++++++++Image(systemName:+"sun.min.fill")
++++++++++++++++++++Text("Title")
++++++++++++++++++++++++.font(.headline)
++++++++++++++++++++++++.foregroundColor(.orange)
++++++++++++++++}
++++++++++++}
++++++++}
}|code-block|syntax|javascript|1906853|entityMap^0|N|7|0|A|B|M|A|13|7|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]|$9|W|A|X|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|N|$]]

In iOS 14, SwiftUI has a way to customize a navigation bar with the new <code>toolbar</code> modifier.
We need to set <code>ToolbarItem</code> of placement type <code>.principal</code> to a new <code>toolbar</code> modifier. You can even set an image and much more.
<pre><code>NavigationView {
 Text(&quot;My View!&quot;)
 .navigationBarTitleDisplayMode(.inline)
 .toolbar {
 ToolbarItem(placement: .principal) {
 HStack {
 Image(systemName: &quot;sun.min.fill&quot;)
 Text(&quot;Title&quot;)
 .font(.headline)
 .foregroundColor(.orange)
 }
 }
 }
}
</code></pre>

blocks|key|1906946|text|当然，已经有几个好的答案，但它们都只涵盖了工作的一部分：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1906947|来自@arsenius的很好的解决方案--给出一个好的起点|ordered-list-item|offset|length|1906948|来自@EngageTheWarpDrive的优雅方式--这无疑提高了可用性。|1906949|关于iOS和swiftUI+@Thahir的最新版本建议使用工具栏|1906950|很少有更多的建议建议将UIAppearence全局配置用于UINavigationBar+--对于我来说，全局更改并不是一个好主意，而且可能并不总是合适的。|style|CODE|1906951|最后，我将所有建议合并到下一个代码中：|1906952|为NavigationControllerRepresentable和modifier配置创建navigationBar：
struct+NavigationControllerLayout:+UIViewControllerRepresentable+{+var配置：(UINavigationController)+->+()+={+in+}+func+makeUIViewController(上下文:+UIViewControllerRepresentableContext+)+->+UIViewController+{+UIViewController()+}+func+updateUIViewController(+_+uiViewController:+UIViewController，上下文:+UIViewControllerRepresentableContext+){如果让navigationContoller+=+uiViewController.navigationController+{配置(NavigationContoller)}}扩展视图{+func+configureNavigationBar(_配置：@转义(UINavigationBar)+->+())+}结构NavigationConfigurationViewModifier:+ViewModifier+{+let配置：(UINavigationBar)+->()+func主体(内容:内容)+->+some+{->{配置($0.NaviationBar)}|1906953|修改navigationBar以满足u'r要求(如bg颜色和其他道具)：
扩展UINavigationBar+{+enum出现{+case透明案例defaultLight+case着色(UIColor？)颜色:+UIColor+{.}+var+appearenceColor:+UIColor+{.}+var+tint:+UIColor+{.}+var效应:+UIBlurEffect？{.}+switchToAppearence(_+type:出现){+backgroundColor+=+type.color+barTintColor+=+type.tint+//+for+iOS+13%2B+standardAppearance.backgroundColor+=+type.appearenceColor+standardAppearance.backgroundEffect+=+type.effect+//+u可以使用navBar中的其他属性，也可以简单地修改此函数}}|1906954|正如您所看到的，这里我们肯定需要在Color和UIColor之间架起一些桥梁。从iOS+14开始，您可以只使用UIColor.init(_+color:+Color)，但是在iOS+14之前没有这样的方法，所以我得到了一个简单的解决方案：
扩展颜色{/返回一个表示此颜色的UIColor，如果可以构造/注意:不支持动态颜色var+uiColor:+UIColor？{+self.cgColor.map({+UIColor(cgColor：$0+})+}|1906955|这将不适用于动态颜色。|blockquote|1906956|因此，您可以如下所示：
//+NavigationView+.configureNavigationBar的修饰符{0.切换外观(.defaultLight)}|1906957|希望这能对某人有所帮助;)|1906958|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/58427754/2012219|1|https://stackoverflow.com/a/62785462/2012219|2|https://stackoverflow.com/a/62977294/2012219^0|0|2|9|0|0|2|J|1|0|E|7|2|0|B|C|T|F|0|0|1|X|Z|8|1B|D|0|2|D|0|H|5|N|7|14|6|1J|S|2F|6|3S|7|0|0|F|E|0|0^^$0|@$1|2|3|4|5|6|7|1F|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1G|8|@]|9|@$E|1H|F|1I|1|1J]]|A|$]]|$1|G|3|H|5|D|7|1K|8|@]|9|@$E|1L|F|1M|1|1N]]|A|$]]|$1|I|3|J|5|D|7|1O|8|@]|9|@$E|1P|F|1Q|1|1R]]|A|$]]|$1|K|3|L|5|6|7|1S|8|@$E|1T|F|1U|M|N]|$E|1V|F|1W|M|N]]|9|@]|A|$]]|$1|O|3|P|5|6|7|1X|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|1Y|8|@$E|1Z|F|20|M|N]|$E|21|F|22|M|N]|$E|23|F|24|M|N]]|9|@]|A|$]]|$1|S|3|T|5|D|7|25|8|@$E|26|F|27|M|N]]|9|@]|A|$]]|$1|U|3|V|5|D|7|28|8|@$E|29|F|2A|M|N]|$E|2B|F|2C|M|N]|$E|2D|F|2E|M|N]|$E|2F|F|2G|M|N]|$E|2H|F|2I|M|N]|$E|2J|F|2K|M|N]]|9|@]|A|$]]|$1|W|3|X|5|Y|7|2L|8|@]|9|@]|A|$]]|$1|Z|3|10|5|D|7|2M|8|@$E|2N|F|2O|M|N]]|9|@]|A|$]]|$1|11|3|12|5|6|7|2P|8|@]|9|@]|A|$]]|$1|13|3|-4|5|6|7|2Q|8|@]|9|@]|A|$]]]|14|$15|$5|16|17|18|A|$19|1A]]|1B|$5|16|17|18|A|$19|1C]]|1D|$5|16|17|18|A|$19|1E]]]]

Definitely there are already a few good answers, but all of them will cover only part of the job:
<ol>
<li>Great solution from <a href="https://stackoverflow.com/a/58427754/2012219">@arsenius</a> - give the good point to start
</li>
<li>Elegant way from <a href="https://stackoverflow.com/a/62785462/2012219">@EngageTheWarpDrive</a> - this definitely improve usability
</li>
<li>For latest version of iOS and swiftUI <a href="https://stackoverflow.com/a/62977294/2012219">@Thahir</a> suggest to use toolbar
</li>
</ol>
Few more suggestions propose to use <code>UIAppearence</code> global config for <code>UINavigationBar</code> - as for me global change is not a good idea and may be not always suitable.
I ended up combining all proposals in to the next code:
<ol>
<li>Create <code>NavigationControllerRepresentable</code> and <code>modifier</code> for <code>navigationBar</code> configuration:
<pre><code> struct NavigationControllerLayout: UIViewControllerRepresentable {

 var configure: (UINavigationController) -&gt; () = { _ in }

 func makeUIViewController(
 context: UIViewControllerRepresentableContext&lt;NavigationControllerLayout&gt;
 ) -&gt; UIViewController {
 UIViewController()
 }

 func updateUIViewController(
 _ uiViewController: UIViewController,
 context: UIViewControllerRepresentableContext&lt;NavigationControllerLayout&gt;
 ) {
 if let navigationContoller = uiViewController.navigationController {
 configure(navigationContoller)
 }
 }
 }

 extension View {

 func configureNavigationBar(_ configure: @escaping (UINavigationBar) -&gt; ()) -&gt; some View {
 modifier(NavigationConfigurationViewModifier(configure: configure))
 }
 }

 struct NavigationConfigurationViewModifier: ViewModifier {

 let configure: (UINavigationBar) -&gt; ()

 func body(content: Content) -&gt; some View {
 content.background(NavigationControllerLayout(configure: {
 configure($0.navigationBar)
 }))
 }
 }
</code></pre>
</li>
<li>To modify <code>navigationBar</code> to meet u'r requirements (such as bg color and other props):
<pre><code>extension UINavigationBar {

 enum Appearence {

 case transparent
 case defaultLight
 case colored(UIColor?)

 var color: UIColor {
 ...
 }

 var appearenceColor: UIColor {
 ...
 }

 var tint: UIColor {
 ....
 }

 var effect: UIBlurEffect? {
 ....
 }
 }

 func switchToAppearence(_ type: Appearence) {
 backgroundColor = type.color
 barTintColor = type.tint

 // for iOS 13+
 standardAppearance.backgroundColor = type.appearenceColor
 standardAppearance.backgroundEffect = type.effect

 // u can use other properties from navBar also simply modifying this function
 }
 }
</code></pre>
</li>
<li>As u can see, here we definitely need some bridge between <code>Color</code> and <code>UIColor</code>. Starting from <code>iOS 14</code> - u can just <code>UIColor.init(_ color: Color)</code>, but before <code>iOS 14</code> there is not such way, so I ended up with simple solution:
<pre><code> extension Color {

 /// Returns a `UIColor` that represents this color if one can be constructed
 ///
 /// Note: Does not support dynamic colors
 var uiColor: UIColor? {
 self.cgColor.map({ UIColor(cgColor: $0) })
 }
 }
</code></pre>
</li>
</ol>
<blockquote>
this will not work for dynamic colors
</blockquote>
<ol start="4">
<li>As result u can use this as following:
<pre><code> // modifier to `NavigationView`
 .configureNavigationBar {
 $0.switchToAppearence(.defaultLight)
 }
</code></pre>
</li>
</ol>
Hopefully this may help to someone ;)

blocks|key|1907016|text|https://stackoverflow.com/a/58427754/4709057这个答案是有效的，但是如果您正在经历navigationController在光或暗模式下为零的问题。加上这个..。不知道为什么会起作用。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1907017|struct+ContentView:+View+{
+++var+body:+some+View+{
++++++NavigationView+{
++++++++ScrollView+{
++++++++++++Text("Don't+use+.appearance()!")
++++++++}
++++++++.navigationBarTitle("Try+it!",+displayMode:+.inline)
++++++++.background(NavigationConfigurator+{+nc+in
++++++++++++nc.navigationBar.barTintColor+=+.blue
++++++++++++nc.navigationBar.background+=+.blue
++++++++++++nc.navigationBar.titleTextAttributes+=+[.foregroundColor+:+UIColor.white]
++++++++})
++++}
+++.navigationViewStyle(StackNavigationViewStyle())
+++.accentColor(.red)+++<-------+DOES+THE+JOB
++}
}|code-block|syntax|javascript|1907018|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/58427754/4709057^0|0|18|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<a href="https://stackoverflow.com/a/58427754/4709057">https://stackoverflow.com/a/58427754/4709057</a> this answer works, but if you are experiencing issues with navigationController being nil in light or dark mode. Just add this.. no idea why it works.
<pre><code>struct ContentView: View {
 var body: some View {
 NavigationView {
 ScrollView {
 Text(&quot;Don't use .appearance()!&quot;)
 }
 .navigationBarTitle(&quot;Try it!&quot;, displayMode: .inline)
 .background(NavigationConfigurator { nc in
 nc.navigationBar.barTintColor = .blue
 nc.navigationBar.background = .blue
 nc.navigationBar.titleTextAttributes = [.foregroundColor : UIColor.white]
 })
 }
 .navigationViewStyle(StackNavigationViewStyle())
 .accentColor(.red) &lt;------- DOES THE JOB
 }
}
</code></pre>

blocks|key|1907087|text|我采取了一种稍微不同的方法；我只想更改，只更改标题文本颜色，而不想更改关于NavigationBar的其他任何内容。以上述和这为灵感，我来到了：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|1907088|import+SwiftUI

extension+View+{
++++///+Sets+the+text+color+for+a+navigation+bar+title.
++++///+-+Parameter+color:+Color+the+title+should+be
++++///
++++///+Supports+both+regular+and+large+titles.
++++@available(iOS+14,+*)
++++func+navigationBarTitleTextColor(_+color:+Color)+->+some+View+{
++++++++let+uiColor+=+UIColor(color)
++++
++++++++//+Set+appearance+for+both+normal+and+large+sizes.
++++++++UINavigationBar.appearance().titleTextAttributes+=+[.foregroundColor:+uiColor+]
++++++++UINavigationBar.appearance().largeTitleTextAttributes+=+[.foregroundColor:+uiColor+]
++++
++++++++return+self
++++}
}|code-block|syntax|javascript|1907089|这需要iOS+14，因为UIColor.init(_+color:+Color)需要iOS+14。|1907090|可按以下方式加以利用：|1907091|struct+ExampleView:+View+{
++++var+body:+some+View+{
++++++++NavigationView+{
++++++++++++Text("Hello,+World!")
++++++++++++++++.navigationBarTitle("Example")
++++++++++++++++.navigationBarTitleTextColor(Color.red)
++++++++}
++++}
}|1907092|这反过来又产生：|1907093|​|1907094|📷|atomic|1907095|1907096|entityMap|0|LINK|mutability|MUTABLE|url|https://blog.techchee.com/navigation-bar-title-style-color-and-custom-back-button-in-swiftui/|1|https://developer.apple.com/documentation/uikit/uicolor/3550899-init|2|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/690dc0f82630adab4d62adf5be5e63e6.png|imageAlt^0|J|1H|11|D|1Q|1|0|0|0|0|1D|C|S|C|S|1|0|0|B|0|0|0|8|0|0|1|0|0|1|0|1|2|0|0|1|0^^$0|@$1|2|3|4|5|6|7|1F|8|@$9|1G|A|1H|B|C]|$9|1I|A|1J|B|D]]|E|@$9|1K|A|1L|1|1M]]|F|$]]|$1|G|3|H|5|I|7|1N|8|@]|E|@]|F|$J|K]]|$1|L|3|M|5|6|7|1O|8|@$9|1P|A|1Q|B|C]|$9|1R|A|1S|B|D]]|E|@$9|1T|A|1U|1|1V]]|F|$]]|$1|N|3|O|5|6|7|1W|8|@$9|1X|A|1Y|B|C]]|E|@]|F|$]]|$1|P|3|Q|5|I|7|1Z|8|@]|E|@]|F|$J|K]]|$1|R|3|S|5|6|7|20|8|@$9|21|A|22|B|C]]|E|@]|F|$]]|$1|T|3|U|5|6|7|23|8|@$9|24|A|25|B|C]]|E|@]|F|$]]|$1|V|3|W|5|X|7|26|8|@$9|27|A|28|B|C]]|E|@$9|29|A|2A|1|2B]]|F|$]]|$1|Y|3|U|5|6|7|2C|8|@$9|2D|A|2E|B|C]]|E|@]|F|$]]|$1|Z|3|-4|5|6|7|2F|8|@]|E|@]|F|$]]]|10|$11|$5|12|13|14|F|$15|16]]|17|$5|12|13|14|F|$15|18]]|19|$5|1A|13|1B|F|$1C|1D|1E|-4]]]]

I took a slightly different approach; I wanted to change only the title text color, and nothing else about the <code>NavigationBar</code>. Using the above and <a href="https://blog.techchee.com/navigation-bar-title-style-color-and-custom-back-button-in-swiftui/" rel="noreferrer">this</a> as inspiration, I landed on:
<pre class="lang-swift prettyprint-override"><code>import SwiftUI

extension View {
 /// Sets the text color for a navigation bar title.
 /// - Parameter color: Color the title should be
 ///
 /// Supports both regular and large titles.
 @available(iOS 14, *)
 func navigationBarTitleTextColor(_ color: Color) -&gt; some View {
 let uiColor = UIColor(color)
 
 // Set appearance for both normal and large sizes.
 UINavigationBar.appearance().titleTextAttributes = [.foregroundColor: uiColor ]
 UINavigationBar.appearance().largeTitleTextAttributes = [.foregroundColor: uiColor ]
 
 return self
 }
}
</code></pre>
This requires iOS 14 because <a href="https://developer.apple.com/documentation/uikit/uicolor/3550899-init" rel="noreferrer"><code>UIColor.init(_ color: Color)</code></a> requires iOS 14.
Which can be leveraged as such:
<pre class="lang-swift prettyprint-override"><code>struct ExampleView: View {
 var body: some View {
 NavigationView {
 Text(&quot;Hello, World!&quot;)
 .navigationBarTitle(&quot;Example&quot;)
 .navigationBarTitleTextColor(Color.red)
 }
 }
}
</code></pre>
Which in turn yields:
<a href="https://i.stack.imgur.com/bOFnd.png" rel="noreferrer"><img src="https://i.stack.imgur.com/bOFnd.png" alt="Red navigation title" /></a>

blocks|key|1907098|text|.foregroundColor(.orange)+-изменяетвнутренниепредставленияNavigationView.|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1907099|但是要更改导航视图本身，需要在UINavigationBar+Appearance()中使用init()|1907100|我正在寻找这个问题，并找到了一篇关于它的优秀文章。我通过本文修改了您的代码，并取得了成功。在这里，我如何解决这个问题：|1907101|struct+ContentView:+View+{
++++
++++init()+{
++++++++let+coloredAppearance+=+UINavigationBarAppearance()
++++++++
++++++++//+this+overrides+everything+you+have+set+up+earlier.
++++++++coloredAppearance.configureWithTransparentBackground()
++++++++coloredAppearance.backgroundColor+=+.green
++++++++coloredAppearance.largeTitleTextAttributes+=+[.foregroundColor:+UIColor.black]
++++++++
++++++++//+to+make+everything+work+normally
++++++++UINavigationBar.appearance().standardAppearance+=+coloredAppearance
++++++++UINavigationBar.appearance().scrollEdgeAppearance+=+coloredAppearance
++++}
++++
++++var+body:+some+View+{
++++++++NavigationView+{
++++++++++++List{
++++++++++++++++ForEach(0..<15)+{+item+in
++++++++++++++++++++HStack+{
++++++++++++++++++++++++Text("Apple")
++++++++++++++++++++++++++++.font(.headline)
++++++++++++++++++++++++++++.fontWeight(.medium)
++++++++++++++++++++++++++++.lineLimit(1)
++++++++++++++++++++++++++++.multilineTextAlignment(.center)
++++++++++++++++++++++++++++.padding(.leading)
++++++++++++++++++++++++++++.frame(width:+125,+height:+nil)
++++++++++++++++++++++++++++.foregroundColor(.orange)
++++++++++++++++++++++++
++++++++++++++++++++++++
++++++++++++++++++++++++Text("Apple+Infinite+Loop.+Address:+One+Infinite+Loop+Cupertino,+CA+95014+(408)+606-5775+")
++++++++++++++++++++++++++++.font(.subheadline)
++++++++++++++++++++++++++++.fontWeight(.regular)
++++++++++++++++++++++++++++.multilineTextAlignment(.leading)
++++++++++++++++++++++++++++.lineLimit(nil)
++++++++++++++++++++++++++++.foregroundColor(.orange)
++++++++++++++++++++}
++++++++++++++++}
++++++++++++}
++++++++++++.navigationBarTitle(Text("TEST"))
++++++++}
//+do+not+forget+to+add+this
++++++++.navigationViewStyle(StackNavigationViewStyle())
++++}
}|code-block|syntax|javascript|1907102|您还可以举一些例子，这里|1907103|entityMap|0|LINK|mutability|MUTABLE|url|https://sarunw.com/posts/uinavigationbar-changes-in-ios13/|1|https://medium.com/@francisco.gindre/customizing-swiftui-navigation-bar-8369d42b8805^0|0|P|0|F|S|1A|6|0|I|1|0|0|0|A|2|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|13|8|@$9|14|A|15|B|C]|$9|16|A|17|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|18|8|@]|D|@$9|19|A|1A|1|1B]]|E|$]]|$1|J|3|K|5|L|7|1C|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1D|8|@]|D|@$9|1E|A|1F|1|1G]]|E|$]]|$1|Q|3|-4|5|6|7|1H|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]|Y|$5|T|U|V|E|$W|Z]]]]

<code>.foregroundColor(.orange)</code> - изменяет внутренние представления NavigationView.
But to change the navigation view itself, you need to use <code>UINavigationBar Appearance()</code> in <code>init()</code>
I was looking for this problem and found a great article about <a href="https://sarunw.com/posts/uinavigationbar-changes-in-ios13/" rel="nofollow noreferrer">it</a>. And i modified your code by this article and came to success. Here, how i solve this problem:
<pre><code>struct ContentView: View {
 
 init() {
 let coloredAppearance = UINavigationBarAppearance()
 
 // this overrides everything you have set up earlier.
 coloredAppearance.configureWithTransparentBackground()
 coloredAppearance.backgroundColor = .green
 coloredAppearance.largeTitleTextAttributes = [.foregroundColor: UIColor.black]
 
 // to make everything work normally
 UINavigationBar.appearance().standardAppearance = coloredAppearance
 UINavigationBar.appearance().scrollEdgeAppearance = coloredAppearance
 }
 
 var body: some View {
 NavigationView {
 List{
 ForEach(0..&lt;15) { item in
 HStack {
 Text(&quot;Apple&quot;)
 .font(.headline)
 .fontWeight(.medium)
 .lineLimit(1)
 .multilineTextAlignment(.center)
 .padding(.leading)
 .frame(width: 125, height: nil)
 .foregroundColor(.orange)
 
 
 Text(&quot;Apple Infinite Loop. Address: One Infinite Loop Cupertino, CA 95014 (408) 606-5775 &quot;)
 .font(.subheadline)
 .fontWeight(.regular)
 .multilineTextAlignment(.leading)
 .lineLimit(nil)
 .foregroundColor(.orange)
 }
 }
 }
 .navigationBarTitle(Text(&quot;TEST&quot;))
 }
// do not forget to add this
 .navigationViewStyle(StackNavigationViewStyle())
 }
}
</code></pre>
You can also take some examples <a href="https://medium.com/@francisco.gindre/customizing-swiftui-navigation-bar-8369d42b8805" rel="nofollow noreferrer">here</a>

blocks|key|463208|text|与设置appearance()+(影响所有导航条)不同，您可以使用SwiftUI-回顾单独设置它们。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|BOLD|entityRanges|data|463209|示例：|463210|struct+ContentView:+View+{
++++var+body:+some+View+{
++++++++NavigationView+{
++++++++++++ScrollView+{
++++++++++++++++Text("Hello+world!")
++++++++++++}
++++++++++++.navigationTitle("Title")
++++++++}
++++++++.introspectNavigationController+{+nav+in
++++++++++++nav.navigationBar.barTintColor+=+.systemBlue
++++++++}
++++}
}|code-block|syntax|javascript|463211|结果：|463212|​|463213|📷|atomic|463214|463215|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/siteline/SwiftUI-Introspect|1|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/a184a801fb45838b7398c9c476923016.gif|imageAlt^0|3|C|J|2|X|A|0|0|0|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|19|8|@$9|1A|A|1B|B|C]|$9|1C|A|1D|B|D]]|E|@$9|1E|A|1F|1|1G]]|F|$]]|$1|G|3|H|5|6|7|1H|8|@]|E|@]|F|$]]|$1|I|3|J|5|K|7|1I|8|@]|E|@]|F|$L|M]]|$1|N|3|O|5|6|7|1J|8|@]|E|@]|F|$]]|$1|P|3|Q|5|6|7|1K|8|@]|E|@]|F|$]]|$1|R|3|S|5|T|7|1L|8|@]|E|@$9|1M|A|1N|1|1O]]|F|$]]|$1|U|3|Q|5|6|7|1P|8|@]|E|@]|F|$]]|$1|V|3|-4|5|6|7|1Q|8|@]|E|@]|F|$]]]|W|$X|$5|Y|Z|10|F|$11|12]]|13|$5|14|Z|15|F|$16|17|18|-4]]]]

Instead of setting <code>appearance()</code>, which affects all navigation bars, you can set them individually using <a href="https://github.com/siteline/SwiftUI-Introspect" rel="noreferrer">SwiftUI-Introspect</a>.
Example:
<pre><code>struct ContentView: View {
 var body: some View {
 NavigationView {
 ScrollView {
 Text(&quot;Hello world!&quot;)
 }
 .navigationTitle(&quot;Title&quot;)
 }
 .introspectNavigationController { nav in
 nav.navigationBar.barTintColor = .systemBlue
 }
 }
}
</code></pre>
Result:
<a href="https://i.stack.imgur.com/bIsMs.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/bIsMs.gif" alt="Result" /></a>

blocks|key|1907252|text|使用WatchOS导航标题颜色的SwiftUI|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1907253|watchOS的另一个注意事项是，您不需要篡改导航颜色。你需要改变的是手表的口音颜色。在您的项目中，进入WatchProjectName->Asset->重音并更改以下内容|1907254|📷|atomic|1907255|​|1907256|颜色|1907257|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/b54db559620974c2c7cbc4ad77c0f871.png|imageAlt|1|LINK|MUTABLE|url|https://developer.apple.com/documentation/watchkit/setting_the_app_s_tint_color^0|2|L|0|0|0|1|0|0|0|0|2|1|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|15|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|16|8|@]|D|@$9|17|A|18|1|19]]|E|$]]|$1|K|3|L|5|6|7|1A|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|1B|8|@]|D|@$9|1C|A|1D|1|1E]]|E|$]]|$1|O|3|-4|5|6|7|1F|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V|W|-4]]|X|$5|Y|S|Z|E|$10|11]]]]

WatchOS navigation title color using SwiftUI 
Side note for watchOS is that you don't need to fiddle with the navigation color. It's the Watch Accent color you need to change. In your project go into WatchProjectName-&gt;Asset-&gt;Accent and change this
<a href="https://i.stack.imgur.com/PHfZp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PHfZp.png" alt="enter image description here" /></a>
<a href="https://developer.apple.com/documentation/watchkit/setting_the_app_s_tint_color" rel="nofollow noreferrer">https://developer.apple.com/documentation/watchkit/setting_the_app_s_tint_color</a>

blocks|key|1907278|text|对我有用的解决方案是使用UINavigationBarAppearance()方法，然后将.id()添加到NavigationView中。这将在颜色变化时自动重新绘制组件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1907279|现在，您可以基于状态引擎进行反应性颜色更改。|1907280|var+body:+some+Scene+{
++let+color+=+someValue+?+UIColor.systemBlue+:+UIColor.systemGray3

++let+custom+=+UINavigationBarAppearance()
++custom.configureWithOpaqueBackground()
++custom.backgroundColor+=+color
++UINavigationBar.appearance().standardAppearance+=+custom
++UINavigationBar.appearance().scrollEdgeAppearance+=+custom
++UINavigationBar.appearance().compactAppearance+=+custom
++UINavigationBar.appearance().compactScrollEdgeAppearance+=+custom

++return+WindowGroup+{
++++NavigationView+{
++++++content
++++}
++++++.id(color.description)
++}
}|code-block|syntax|javascript|1907281|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

The solution that worked for me was to use UINavigationBarAppearance() method, then add the .id() to the NavigationView. This will automatically redraw the component when the color changes.
Now you can have reactive color changes based on a state engine.
<pre><code>var body: some Scene {
 let color = someValue ? UIColor.systemBlue : UIColor.systemGray3

 let custom = UINavigationBarAppearance()
 custom.configureWithOpaqueBackground()
 custom.backgroundColor = color
 UINavigationBar.appearance().standardAppearance = custom
 UINavigationBar.appearance().scrollEdgeAppearance = custom
 UINavigationBar.appearance().compactAppearance = custom
 UINavigationBar.appearance().compactScrollEdgeAppearance = custom

 return WindowGroup {
 NavigationView {
 content
 }
 .id(color.description)
 }
}
</code></pre>

blocks|key|1277614|text|我发现最简单的方法是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1277615|init()+{
++++UINavigationBar.appearance().tintColor+=+UIColor.systemBlue
++++}|code-block|syntax|javascript|1277616|而不是systemBlue，您可以使用任何其他颜色，您希望。您必须在"var+body:+some+{}“之外实现这一点。您还可以添加：|1277617|@Environment(/.colorScheme)+var+colorScheme|1277618|在init()的顶部，然后您可以使用.dark或.light在暗模式和光模式下更改您想要的颜色。示例：|offset|length|style|CODE|1277619|init()+{
++++UINavigationBar.appearance().tintColor+=+UIColor(colorScheme+==+.dark+?+.white+:+Color(#colorLiteral(red:+0.2196078449,+green:+0.007843137719,+blue:+0.8549019694,+alpha:+1)))
++++}|1277620|entityMap^0|0|0|0|0|1|6|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|Y|8|@$M|Z|N|10|O|P]]|9|@]|A|$]]|$1|Q|3|R|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

The simplest way I found was:
<pre><code>init() {
 UINavigationBar.appearance().tintColor = UIColor.systemBlue
 }
</code></pre>
instead of the systemBlue you can use any other colors that you wish.
You have to implement this outside the &quot;var body: some View {}&quot;.
you can also add:
<pre><code>@Environment(/.colorScheme) var colorScheme
</code></pre>
on top of the <code>init()</code> and then you can use the .dark or .light to change the color the way you want in dark mode and light mode. example:
<pre><code>init() {
 UINavigationBar.appearance().tintColor = UIColor(colorScheme == .dark ? .white : Color(#colorLiteral(red: 0.2196078449, green: 0.007843137719, blue: 0.8549019694, alpha: 1)))
 }
</code></pre>

blocks|key|463401|text|该解决方案建立在不使用任何库、也不全局应用UINavigationBarAppearance的公认答案的基础上。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|463402|此解决方案通过添加黑客解决了已接受的答案所存在的问题(例如不工作于初始视图或不工作于大型显示模式)。|463403|Note+--我个人不会在生产代码中使用这种黑客，不过看到这些问题可以解决是很有趣的。自己冒险使用。|BOLD|463404|struct+NavigationHackView:+View+{

++++@State+private+var+isUsingHack+=+false

++++var+body:+some+View+{
++++++++NavigationView+{
++++++++++++List+{
++++++++++++++++NavigationLink+{
++++++++++++++++++++Text("Detail+view")
++++++++++++++++++++++++.navigationTitle("Detail+view")
++++++++++++++++++++++++.navigationBarTitleDisplayMode(.inline)
++++++++++++++++}+label:+{
++++++++++++++++++++Text("Show+details+view")
++++++++++++++++}
++++++++++++}
++++++++++++.navigationTitle("Hack!")
++++++++++++.background(
++++++++++++++++NavigationConfigurator+{+navigationController+in
++++++++++++++++++++//+required+for+hack+to+work
++++++++++++++++++++_+=+isUsingHack
++++++++++++++++++++navigationController.navigationBar.navigationBarColor(.red,+titleColor:+.white)
++++++++++++++++}
++++++++++++)
++++++++++++.onAppear+{
++++++++++++++++//+required+for+hack+to+work
++++++++++++++++DispatchQueue.main.async+{
++++++++++++++++++++isUsingHack.toggle()
++++++++++++++++}
++++++++++++}
++++++++++++//+required+for+hack+to+work,+even+though+nothing+is+done
++++++++++++.onChange(of:+isUsingHack)+{+_+in+}
++++++++}
++++}
}

struct+NavigationConfigurator:+UIViewControllerRepresentable+{

++++var+configure:+(UINavigationController)+->+Void+=+{+_+in+}

++++func+makeUIViewController(
++++++++context:+UIViewControllerRepresentableContext<NavigationConfigurator>
++++)+->+UIViewController+{
++++++++UIViewController()
++++}

++++func+updateUIViewController(
++++++++_+uiViewController:+UIViewController,
++++++++context:+UIViewControllerRepresentableContext<NavigationConfigurator>
++++)+{
++++++++guard+let+navigationController+=+uiViewController.navigationController+else+{
++++++++++++return
++++++++}
++++++++configure(navigationController)
++++}
}

extension+UINavigationBar+{

++++func+navigationBarColor(
++++++++_+backgroundColor:+UIColor,+
++++++++titleColor:+UIColor?+=+nil
++++)+{
++++++++let+appearance+=+UINavigationBarAppearance()
++++++++appearance.configureWithOpaqueBackground()
++++++++appearance.backgroundColor+=+backgroundColor

++++++++if+let+titleColor+=+titleColor+{
++++++++++++appearance.titleTextAttributes+=+[.foregroundColor:+titleColor]
++++++++++++appearance.largeTitleTextAttributes+=+[.foregroundColor:+titleColor]
++++++++++++//+back+button+appearance
++++++++++++tintColor+=+titleColor
++++++++}

++++++++standardAppearance+=+appearance
++++++++scrollEdgeAppearance+=+appearance
++++++++compactAppearance+=+appearance

++++++++if+#available(iOS+15.0,+*)+{
++++++++++++compactScrollEdgeAppearance+=+appearance
++++++++}
++++}
}|code-block|syntax|javascript|463405|entityMap^0|L|P|0|0|0|4|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|V|8|@$9|W|A|X|B|J]]|D|@]|E|$]]|$1|K|3|L|5|M|7|Y|8|@]|D|@]|E|$N|O]]|$1|P|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|Q|$]]

This solution builds on the accepted answer that doesn't use any library nor does it apply <code>UINavigationBarAppearance</code> globally.
This solution fixes the issues that the accepted answer has (such as not working for the initial view or not working for large display mode) by adding a hack.
Note I would personally not use this hack in production code, nevertheless it's interesting to see that the issues can be worked around. Use at own risk.
<pre><code>struct NavigationHackView: View {

 @State private var isUsingHack = false

 var body: some View {
 NavigationView {
 List {
 NavigationLink {
 Text(&quot;Detail view&quot;)
 .navigationTitle(&quot;Detail view&quot;)
 .navigationBarTitleDisplayMode(.inline)
 } label: {
 Text(&quot;Show details view&quot;)
 }
 }
 .navigationTitle(&quot;Hack!&quot;)
 .background(
 NavigationConfigurator { navigationController in
 // required for hack to work
 _ = isUsingHack
 navigationController.navigationBar.navigationBarColor(.red, titleColor: .white)
 }
 )
 .onAppear {
 // required for hack to work
 DispatchQueue.main.async {
 isUsingHack.toggle()
 }
 }
 // required for hack to work, even though nothing is done
 .onChange(of: isUsingHack) { _ in }
 }
 }
}

struct NavigationConfigurator: UIViewControllerRepresentable {

 var configure: (UINavigationController) -&gt; Void = { _ in }

 func makeUIViewController(
 context: UIViewControllerRepresentableContext&lt;NavigationConfigurator&gt;
 ) -&gt; UIViewController {
 UIViewController()
 }

 func updateUIViewController(
 _ uiViewController: UIViewController,
 context: UIViewControllerRepresentableContext&lt;NavigationConfigurator&gt;
 ) {
 guard let navigationController = uiViewController.navigationController else {
 return
 }
 configure(navigationController)
 }
}

extension UINavigationBar {

 func navigationBarColor(
 _ backgroundColor: UIColor, 
 titleColor: UIColor? = nil
 ) {
 let appearance = UINavigationBarAppearance()
 appearance.configureWithOpaqueBackground()
 appearance.backgroundColor = backgroundColor

 if let titleColor = titleColor {
 appearance.titleTextAttributes = [.foregroundColor: titleColor]
 appearance.largeTitleTextAttributes = [.foregroundColor: titleColor]
 // back button appearance
 tintColor = titleColor
 }

 standardAppearance = appearance
 scrollEdgeAppearance = appearance
 compactAppearance = appearance

 if #available(iOS 15.0, *) {
 compactScrollEdgeAppearance = appearance
 }
 }
}
</code></pre>

blocks|key|463416|text|Post+iOS+14+easy+way+to+do:

++++++++protocol+CustomNavigationTitle:+View+{
++++++++++++associatedtype+SomeView:+View
++++++++++++func+customNavigationTitle(_+string:+String)+->+Self.SomeView
++++++++}
++++++++
++++++++extension+CustomNavigationTitle+{
++++++++++++func+customNavigationTitle(_+string:+String)+->+some+View+{
++++++++++++++++toolbar+{
++++++++++++++++++++ToolbarItem(placement:+.principal)+{
++++++++++++++++++++++++Text(string).foregroundColor(.red).font(.system(size:+18))
++++++++++++++++++++}
++++++++++++++++}
++++++++++++}
++++++++}
++++++++
++++++++extension+ZStack:+CustomNavigationTitle+{}
++++
++++Suppose+your+root+view+of+view+is+made+with+ZStack
++++it+can+be+utilised+below+way
++++
++++ZStack+{
++++}.+customNavigationTitle("Some+title")|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|463417|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>Post iOS 14 easy way to do:

 protocol CustomNavigationTitle: View {
 associatedtype SomeView: View
 func customNavigationTitle(_ string: String) -&gt; Self.SomeView
 }
 
 extension CustomNavigationTitle {
 func customNavigationTitle(_ string: String) -&gt; some View {
 toolbar {
 ToolbarItem(placement: .principal) {
 Text(string).foregroundColor(.red).font(.system(size: 18))
 }
 }
 }
 }
 
 extension ZStack: CustomNavigationTitle {}
 
 Suppose your root view of view is made with ZStack
 it can be utilised below way
 
 ZStack {
 }. customNavigationTitle(&quot;Some title&quot;)
</code></pre>

blocks|key|1277693|text|基于这个https://stackoverflow.com/a/66050825/6808357，我创建了一个扩展，您可以在其中同时设置背景色和标题颜色。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1277694|import+SwiftUI

extension+View+{
++++
++++///+Sets+background+color+and+title+color+for+UINavigationBar.
++++@available(iOS+14,+*)
++++func+navigationBar(backgroundColor:+Color,+titleColor:+Color)+->+some+View+{
++++++++let+appearance+=+UINavigationBarAppearance()
++++++++appearance.configureWithTransparentBackground()
++++++++appearance.backgroundColor+=+UIColor(backgroundColor)

++++++++let+uiTitleColor+=+UIColor(titleColor)
++++++++appearance.largeTitleTextAttributes+=+[.foregroundColor:+uiTitleColor]
++++++++appearance.titleTextAttributes+=+[.foregroundColor:+uiTitleColor]

++++++++UINavigationBar.appearance().standardAppearance+=+appearance
++++++++UINavigationBar.appearance().scrollEdgeAppearance+=+appearance
++++++++
++++++++return+self
++++}
}|code-block|syntax|javascript|1277695|下面是如何使用它：|1277696|var+body:+some+View+{
++++NavigationView+{
++++++++Text("Hello+world!")+//+This+could+be+any+View+(List,+VStack,+etc.)
++++++++.navigationTitle("Your+title+here")
++++++++.navigationBar(backgroundColor:+.blue,+titleColor:+.white)
++++}
}|1277697|编码愉快！|1277698|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/66050825/6808357^0|4|18|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|12|8|@]|9|@]|C|$G|H]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|C|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

Based on this <a href="https://stackoverflow.com/a/66050825/6808357">https://stackoverflow.com/a/66050825/6808357</a> I created an extension where you can set the background color and the title color at the same time.
<pre><code>import SwiftUI

extension View {
 
 /// Sets background color and title color for UINavigationBar.
 @available(iOS 14, *)
 func navigationBar(backgroundColor: Color, titleColor: Color) -&gt; some View {
 let appearance = UINavigationBarAppearance()
 appearance.configureWithTransparentBackground()
 appearance.backgroundColor = UIColor(backgroundColor)

 let uiTitleColor = UIColor(titleColor)
 appearance.largeTitleTextAttributes = [.foregroundColor: uiTitleColor]
 appearance.titleTextAttributes = [.foregroundColor: uiTitleColor]

 UINavigationBar.appearance().standardAppearance = appearance
 UINavigationBar.appearance().scrollEdgeAppearance = appearance
 
 return self
 }
}
</code></pre>
Here's how to use it:
<pre><code>var body: some View {
 NavigationView {
 Text(&quot;Hello world!&quot;) // This could be any View (List, VStack, etc.)
 .navigationTitle(&quot;Your title here&quot;)
 .navigationBar(backgroundColor: .blue, titleColor: .white)
 }
}
</code></pre>
Happy coding!

blocks|key|1907419|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1907420|📷|atomic|offset|length|1907421|1907422|在iOS+14中，您可以拥有任意自定义视图(包括具有自定义颜色和字体的自定义文本)。|style|BOLD|1907423|.navigationBarTitleDisplayMode(.inline)
.toolbar+{
++++ToolbarItem(placement:+.principal)+{
++++++++VStack+{
++++++++++++Text("Yellow+And+Bold+Title")
++++++++++++++++.bold()
++++++++++++++++.foregroundColor(.yellow)
++++++++}
++++}
}|code-block|syntax|javascript|1907424|您还可以从iOS+16设置导航栏颜色，如：|1907425|.toolbarBackground(.red,+in:+.navigationBar)|1907426|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/7e415411a9ec361042c7418cb3acf8d6.png|imageAlt^0|0|0|1|0|0|0|1|6|0|0|5|6|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|14|8|@]|9|@$E|15|F|16|1|17]]|A|$]]|$1|G|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|19|8|@$E|1A|F|1B|J|K]]|9|@]|A|$]]|$1|L|3|M|5|N|7|1C|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|1D|8|@$E|1E|F|1F|J|K]]|9|@]|A|$]]|$1|S|3|T|5|N|7|1G|8|@]|9|@]|A|$O|P]]|$1|U|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11|12|-4]]]]

<img src="https://i.stack.imgur.com/keh3z.png" alt="Demo" />
from iOS 14, You can have any custom view you want (including custom text with custom color and font)
<pre><code>.navigationBarTitleDisplayMode(.inline)
.toolbar {
 ToolbarItem(placement: .principal) {
 VStack {
 Text(&quot;Yellow And Bold Title&quot;)
 .bold()
 .foregroundColor(.yellow)
 }
 }
}
</code></pre>
Also you can set the navigation bar color from the iOS 16 like:
<pre><code>.toolbarBackground(.red, in: .navigationBar)
</code></pre>

blocks|key|1907478|text|我使用ViewModifier为导航条应用自定义颜色。我不能说下面的代码修改了实际的导航栏，但是我发现这个工作比其他的更好。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1907479|与UINavigationBar.appearance()不同，它并不适用于所有视图。|1907480|创建一个ViewModifer+-我已经使用了ShapeStyle，所以您可以将任何样式应用到导航栏中。(类似-渐变，颜色)|unordered-list-item|offset|length|style|BOLD|1907481|struct+NavigationBarStyle<S:+ShapeStyle>:+ViewModifier+{
++++private+var+bgStyle:+S
++++private+var+viewBackgroundColor:+Color
++++
++++init(_+bgStyle:+S,+viewBackgroundColor:+Color)+{
++++++++self.+bgStyle+=+bgStyle
++++++++self.viewBackgroundColor+=+viewBackgroundColor
++++}
++++
++++func+body(content:+Content)+->+some+View+{
++++++++ZStack+{
++++++++++++Color(UIColor.systemBackground)
++++++++++++++++.ignoresSafeArea(.all,+edges:+.bottom)
++++++++++++
++++++++++++content
++++++++}
++++++++.background(bgStyle)
++++}
}

extension+View+{
++++func+navigationBarStyle<S:+ShapeStyle>(_+bgStyle:+S,+viewBackgroundColor:+Color+=+Color(UIColor.systemBackground))+->+some+View+{
++++++++modifier(NavigationBarStyle(bgStyle,+viewBackgroundColor:+viewBackgroundColor))
++++}
}|code-block|syntax|javascript|1907482|注意-您必须在最上面的视图上应用此修饰符才能工作。例如-|1907483|struct+NewView:+View+{
++++var+body:+some+View+{
++++++++NavigationView+{
++++++++++++VStack+{
++++++++++++++++HStack+{
++++++++++++++++++++Text("H+Stack")
++++++++++++++++}
++++++++++++++++//+.navigationBarStyle(Color.orange)+not+the+right+place
++++++++++++++++Text("Hello+World")
++++++++++++}
++++++++++++.navigationBarStyle(Color.orange)+//+right+place+to+apply
++++++++}
++++}
}|1907484|entityMap^0|0|0|N|A|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|X|8|@$G|Y|H|Z|I|J]]|9|@]|A|$]]|$1|K|3|L|5|M|7|10|8|@]|9|@]|A|$N|O]]|$1|P|3|Q|5|6|7|11|8|@]|9|@]|A|$]]|$1|R|3|S|5|M|7|12|8|@]|9|@]|A|$N|O]]|$1|T|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|U|$]]

I have used ViewModifier to apply custom colour for navigation bar. I can't say below code modified actual navigation bar, but I find this work around better than above others.
Unlike UINavigationBar.appearance(), it is not applied to all view.
<ul>
<li>Create a ViewModifer - I have use ShapeStyle, so you can apply any style to navigation bar. (like - gradient, colour)</li>
</ul>
<pre><code>struct NavigationBarStyle&lt;S: ShapeStyle&gt;: ViewModifier {
 private var bgStyle: S
 private var viewBackgroundColor: Color
 
 init(_ bgStyle: S, viewBackgroundColor: Color) {
 self. bgStyle = bgStyle
 self.viewBackgroundColor = viewBackgroundColor
 }
 
 func body(content: Content) -&gt; some View {
 ZStack {
 Color(UIColor.systemBackground)
 .ignoresSafeArea(.all, edges: .bottom)
 
 content
 }
 .background(bgStyle)
 }
}

extension View {
 func navigationBarStyle&lt;S: ShapeStyle&gt;(_ bgStyle: S, viewBackgroundColor: Color = Color(UIColor.systemBackground)) -&gt; some View {
 modifier(NavigationBarStyle(bgStyle, viewBackgroundColor: viewBackgroundColor))
 }
}

</code></pre>
Note - you have to apply this modifier on the top most view to work. e.g -
<pre><code>struct NewView: View {
 var body: some View {
 NavigationView {
 VStack {
 HStack {
 Text(&quot;H Stack&quot;)
 }
 // .navigationBarStyle(Color.orange) not the right place
 Text(&quot;Hello World&quot;)
 }
 .navigationBarStyle(Color.orange) // right place to apply
 }
 }
}

</code></pre>

How to change the navigation bar title color in SwiftUI

<pre><code>NavigationView {
 List{
 ForEach(0..&lt;15) { item in
 HStack {
 Text("Apple")
 .font(.headline)
 .fontWeight(.medium)
 .color(.orange)
 .lineLimit(1)
 .multilineTextAlignment(.center)
 .padding(.leading)
 .frame(width: 125, height: nil)


 Text("Apple Infinite Loop. Address: One Infinite Loop Cupertino, CA 95014 (408) 606-5775 ")
 .font(.subheadline)
 .fontWeight(.regular)
 .multilineTextAlignment(.leading)
 .lineLimit(nil)


 }
 }
 }
 .navigationBarTitle(Text("TEST")).navigationBarHidden(false).foregroundColor(.orange)
 }
</code></pre>

I have tried with <code>.foregroundColor(.orange)</code> but it is not working 

also tried <code>.navigationBarTitle(Text("TEST").color(.orange))</code>

Any help ?

SwiftUI update navigation bar title color

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

如何在SwiftUI中更改导航栏标题颜色NavigationView { List{ ForEach(0..<15) { item in HStack { Text("Apple") ...

问SwiftUI更新导航栏标题颜色
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问SwiftUI更新导航栏标题颜色EN