SwiftUI导航链接屏幕在更改颜色主题时弹出。

huangapple
go评论142阅读模式
英文:

SwiftUI navigation link screen pops when change color theme

问题

以下是您要翻译的代码部分：

  1. struct MyTabView: View {
  2.     @Environment(\.colorScheme) var colorScheme
  3.     @State var toggle = false
  4.     
  5.     var body: some View {
  6.         TabView {
  7.             ContentView(toggle: $toggle)
  8.                 .tabItem {
  9.                     Text("Profile")
  10.                         .foregroundColor(colorScheme == .dark ? .white : .black)
  11.                 }
  12.         }
  13.         .accentColor(colorScheme == .dark ? .white : .black)
  14.         .navigationBarTitleDisplayMode(.inline)
  15.     }
  16. }
  18. struct ContentView: View {
  19.     @Binding var toggle: Bool
  20.     
  21.     var body: some View {
  22.         NavigationLink(destination: Text("madmasdmsadas"), isActive: $toggle) {
  23.             Text("Click")
  24.         }
  25.     }
  26. }
  28. @main
  29. struct AppTesting: App {
  30.     var body: some Scene {
  31.         WindowGroup {
  32.             NavigationView {
  33.                 MyTabView()
  34.             }
  35.         }
  36.     }
  37. }

请注意，代码中的特殊字符已被正确翻译。

英文:

I have a TabBar view with a single tab (for the demo purposes). The tab view screen has a NavigationLink button which sends you to a screen with a Text box only. The problem that occurs is that whenever I am on the second screen and change the color theme one time - nothing special happens, theme changes and all. When I change it a second time afterwards, the screen just dismisses itself without a reason. Anyone has any idea why this might be happenning?

  1. struct MyTabView: View {
  2.     @Environment(\.colorScheme) var colorScheme
  3.     @State var toggle = false
  4.     
  5.     var body: some View {
  6.         TabView {
  7.             ContentView(toggle: $toggle)
  8.                 .tabItem {
  9.                     Text("Profile")
  10.                         .foregroundColor(colorScheme == .dark ? .white : .black)
  11.                 }
  12.         }
  13.         .accentColor(colorScheme == .dark ? .white : .black)
  14.         .navigationBarTitleDisplayMode(.inline)
  15.     }
  16. }
  18. struct ContentView: View {
  19.     @Binding var toggle: Bool
  20.     
  21.     var body: some View {
  22.         NavigationLink(destination: Text("madmasdmsadas"), isActive: $toggle) {
  23.             Text("Click")
  24.         }
  25.     }
  26. }
  28. @main
  29. struct AppTesting: App {
  30.     var body: some Scene {
  31.         WindowGroup {
  32.             NavigationView {
  33.                 MyTabView()
  34.             }
  35.         }
  36.     }
  37. }

I tried adding binding values to keep it active but the problem doesn't get resolved.

答案1

得分: 2

理想情况下，NavigationView 应该位于 TabView 之下，而不是相反的情况。

至于为什么会发生这种情况：我对此没有清晰的想法。可能是一个导致 toggle 状态重置的 bug。但相应地更新了代码对我有所帮助。

更新后的代码：

  1. import SwiftUI
  3. struct MyTabView: View {
  4.   @Environment(\.colorScheme) var colorScheme
  5.   @State var toggle = false
  6.   
  7.   var body: some View {
  8.     TabView {
  9.       NavigationView {
  10.         ContentView(toggle: $toggle)
  11.       }
  12.       .tabItem {
  13.         Text("Profile")
  14.           .foregroundColor(colorScheme == .dark ? .white : .black)
  15.       }
  16.     }
  17.     .accentColor(colorScheme == .dark ? .white : .black)
  18.     .navigationBarTitleDisplayMode(.inline)
  19.   }
  20. }
  22. struct ContentView: View {
  23.   @Binding var toggle: Bool
  24.   
  25.   var body: some View {
  26.     NavigationLink(destination: Text("madmasdmsadas"), isActive: $toggle) {
  27.       Text("Click")
  28.     }
  29.   }
  30. }
  32. @main
  33. struct AppTesting: App {
  34.   var body: some Scene {
  35.     WindowGroup {
  36.       MyTabView()
  37.     }
  38.   }
  39. }
英文:

Ideally, the NavigationView should be under TabView. Not vice versa.

As for why this is happening: I don't have a clear thought about this. Perhaps a bug that causes the toggle state to reset. But updating the code accordingly has helped me.

The updated code:

  1. import SwiftUI
  3. struct MyTabView: View {
  4.   @Environment(\.colorScheme) var colorScheme
  5.   @State var toggle = false
  6.   
  7.   var body: some View {
  8.     TabView {
  9.       NavigationView {
  10.         ContentView(toggle: $toggle)
  11.       }
  12.       .tabItem {
  13.         Text("Profile")
  14.           .foregroundColor(colorScheme == .dark ? .white : .black)
  15.       }
  16.     }
  17.     .accentColor(colorScheme == .dark ? .white : .black)
  18.     .navigationBarTitleDisplayMode(.inline)
  19.   }
  20. }
  22. struct ContentView: View {
  23.   @Binding var toggle: Bool
  24.   
  25.   var body: some View {
  26.     NavigationLink(destination: Text("madmasdmsadas"), isActive: $toggle) {
  27.       Text("Click")
  28.     }
  29.   }
  30. }
  32. @main
  33. struct AppTesting: App {
  34.   var body: some Scene {
  35.     WindowGroup {
  36.       MyTabView()
  37.     }
  38.   }
  39. }

huangapple
  • 本文由 发表于 2023年2月14日 19:07:46
  • 转载请务必保留本文链接：https://go.coder-hub.com/75446939.html
  • swift
  • swiftui
  • swiftui-navigationlink
  • swiftui-navigationview
  • swiftui-tabview
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定