Kann ich Modifier daran hindern, sich mit dem Dark-, oder Light-Mode zu ändern?

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Kann ich Modifier daran hindern, sich mit dem Dark-, oder Light-Mode zu ändern?

    Hallo,

    ich habe ein dunkles Hintergrundbild und möchte deshalb z.B. den navigationTitle in einem NavigationStack gerne weiß haben. Dies geht aber nur, wenn ich .preferredColorScheme(.dark) setze.
    Auf dem dunklen Hintergrundbild habe ich jetzt ein VStack mit Elementen mit diesem Modifier: .background(.regularMaterial). Gibt es eine Möglichkeit, diesen Modifier daran zu hindern, dunkel zu werden, wenn ich das Scheme auf .dark setze?

    Danke!

  • Das hatte ich schon probiert, liefert aber: Member 'regularMaterial' in 'Color' produces result of type 'Material', but context expects 'Color'

    Ich habe mein ganzes - aber noch unfertiges - Projekt jetzt mal auf Github: github.com/Martius108/sun_moon

    Das ist aber eine Menge Code und deshalb hier exemplarisch die eine Datei, welche eine Liste von Städten anzeigt -> preferredColorScheme(.dark) führt dazu, dass der NavigationStack Title weiß wird, wie gewünscht, dafür wird jetzt .regularMaterial dunkel und die Schrift darüber weiß, was nicht gewünscht ist.
    In diesem Fall wäre es auch eine Option, den NavigationStack Title zu modifizieren, falls das geht. Auf direktem Weg (modifier) geht es jedenfalls nicht, aber vielleicht über colorScheme oder eine Extension?

    Quellcode

    1. import SwiftUI
    2. import WeatherKit
    4. struct CitiesListView: View {
    5. // use dismiss to remove a view from a NavigationStack
    6. @Environment(\.dismiss) private var dismiss
    7. @Environment(\.colorScheme) var colorScheme
    8. let currentLocation: City?
    9. @Binding var selectedCity: City?
    10. var body: some View {
    11. NavigationStack {
    12. List {
    13. Group {
    14. if let currentLocation {
    15. CityRowView(city: currentLocation)
    16. .onTapGesture {
    17. selectedCity = currentLocation
    18. dismiss()
    19. }
    20. }
    21. ForEach(City.cities) { city in
    22. CityRowView(city: city)
    23. .onTapGesture {
    24. selectedCity = city
    25. dismiss()
    26. }
    27. }
    28. }
    29. .frame(maxWidth: 0.95 * UIScreen.main.bounds.width)
    30. .padding(.vertical, 2)
    31. .background(.regularMaterial)
    32. .clipShape(.rect(cornerRadius: 20))
    33. .listRowBackground(Color.clear)
    34. .scrollContentBackground(.hidden)
    35. }
    36. .listStyle(.plain)
    37. .navigationTitle("My Cities")
    38. .navigationBarTitleDisplayMode(.inline)
    39. .preferredColorScheme(.dark)
    40. //.background(colorScheme == .dark ? Color.clear : .regularMaterial)
    41. .background {
    42. Image(.image2)
    43. }
    44. }
    46. }
    47. }
    49. #Preview {
    50. CitiesListView(currentLocation: City.mockCurrent, selectedCity: .constant(nil))
    51. .environment(LocationManager())
    52. }
    Alles anzeigen

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von Vetinari108 ()

  • mihema schrieb:

    anstelle von .whatEver schreibst du einfach .regularMaterial


    Quellcode

    1. .background(colorScheme == .dark ? Color.clear : .regularMaterial)
    Poste doch mal den ganzen View.
    Das funktioniert leider nicht. Mit dem ternary muss es der gleiche Type sein.
    Stattdessen kannst du


    Quellcode

    1. .background {
    2. if colorScheme == .dark {
    3. Color.clear
    4. } else {
    5. Rectangle().fill(.regularMaterial)
    6. }
    7. }
    als Workaround nehmen.

  • Hmm, ich habe das eigentlich schon gemacht und mein Image jetzt direkt hier eingebaut:

    Quellcode

    1. .preferredColorScheme(.dark)
    2. .background {
    3. if colorScheme == .dark {
    4. Rectangle().fill(.regularMaterial)
    5. Image(.image1)
    6. .resizable()
    7. .scaledToFill()
    8. .ignoresSafeArea(.all)
    9. } else {
    10. Color.clear
    11. Image(.image1)
    12. .resizable()
    13. .scaledToFill()
    14. .ignoresSafeArea(.all)
    15. }
    16. }
    Alles anzeigen
    klappt aber noch nicht. Habe ich irgendwas übersehen?