SwiftUI - Comment changer la couleur de fond d'une vue ?

Question

Je commence à essayer SwiftUI et je suis surpris que cela ne semble pas être simple de changer la couleur d'arrière-plan d'une View. Comment faites-vous cela en utilisant SwiftUI?

Answer 1

Xcode 11.5

Utilisez simplement ZStack pour ajouter une couleur de fond ou des images à votre vue principale dans SwiftUI

struct ContentView: View {
    var body: some View {
        ZStack {
            Color.black
        }
        .edgesIgnoringSafeArea(.vertical)
    }
}

Answer 2

Utilisez le code ci-dessous pour personnaliser la couleur de la barre de navigation

struct ContentView: View {

@State var msg = "Bonjour SwiftUI"
init() {
    UINavigationBar.appearance().backgroundColor = .systemPink

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

    // 3.
    UINavigationBar.appearance().titleTextAttributes = [
        .font : UIFont(name: "HelveticaNeue-Thin", size: 20)!]

}
var body: some View {
    NavigationView {
    Text(msg)
        .navigationBarTitle(Text("BARRE DE NAVIGATION"))       
    }
    }
}

Answer 3

Exemple de NavigationView :

var body: some View {
    var body: some View {
        NavigationView {
            ZStack {
                // Arrière-plan
                Color.blue.edgesIgnoringSafeArea(.all)

                contenu
            }
            //.navigationTitle(Constants.navigationTitle)
            //.navigationBarItems(leading: cancelButton, trailing: doneButton)
            //.navigationViewStyle(StackNavigationViewStyle())
        }
    }
}

var content: some View {
    // votre contenu ici; List, VStack etc - ce que vous voulez
    VStack {
       Text("Bonjour le monde")
    }
}

Answer 4

Le code sur Scene delegate en Swift UI

Couleur d'arrière-plan de la vue de contenu

window.rootViewController?.view.backgroundColor = .lightGray