Une solution de travail:

Voir toutes les SwiftUI List des s sont soutenus par un UITableView dans iOS. vous devez donc changer la couleur d'arrière-plan de tableView . Mais comme les valeurs Color et UIColor sont légèrement différentes, vous pouvez vous débarrasser de l' UIColor .

struct ContentView: View {
    
    init(){
        UITableView.appearance().backgroundColor = .clear
    }
    
    @State var value = ""
    
    var body: some View {
        Form {
            Section(header: Text("First Name")) {
                TextField("First Name", text: $value)
            }
            Section(header: Text("Last Name")) {
                TextField("Last Name", text: $value)
            }
        }
        .foregroundColor(Color.blue)
        .background(Color.yellow)
    }
}

Vous pouvez maintenant utiliser n'importe quel arrière-plan (y compris toutes les Color ) de votre choix

Notez que ces zones blanches en haut et en bas sont sûres et vous pouvez utiliser le modificateur .edgesIgnoringSafeArea() pour vous en débarrasser.

---

Restaurer

Étant donné que UITableView.appearance().backgroundColor s'applique globalement, vous pouvez utiliser le modificateur .onAppear pour le modifier dans différentes vues (puisqu'il s'agit d'un changement global). Vous pouvez donc utiliser un autre onAppear ou onDisappear pour le réinitialiser à ce que vous voulez.

Et les couleurs par défaut sont:

UIColor.systemGroupedBackground pour le style groupé . Et

UIColor.systemBackground pour le style simple .

Et ils ont tous deux une prise en charge automatique du mode sombre et du mode clair.

La réponse acceptée par Mojtaba Hosseini, ci-dessus, fonctionne mais l'instruction init () n'est pas un bon endroit pour l'instruction UITableView . En effet, il "code en dur" les paramètres d'initialisation de ContentView. Dans ce cas, il n'en a pas, donc tout fonctionne, mais si un @ObservedObject était ajouté à la vue, cela interromprait la fonction init.

Beaucoup plus simple d'ajouter simplement l'instruction UITable au body , de renvoyer explicitement le Form et de supprimer le init() .

var body: some View {
    UITableView.appearance().backgroundColor = .clear
    return Form {...}
 }

Toutefois, la définition de la couleur d'arrière-plan sur le Form fonctionne généralement comme prévu. Le fait qu'il ne fonctionne pas sur l'écran ContentView peut être un bogue.

essaye ça

.onAppear {
   UITableView.appearance().backgroundColor = .blue
}

Si vous ne souhaitez pas modifier la zone de sécurité du Form , vous pouvez également utiliser ZStack :

struct ContentView: View {
    
    init(){
        
        UITableView.appearance().backgroundColor = .clear
    }
    
    @State var value = ""
    
    var body: some View {
        ZStack {
            Color(UIColor.systemYellow)
                .edgesIgnoringSafeArea(.all)
            Form {
                Section(header: Text("First Name")) {
                    TextField("First Name", text: $value)
                }
                Section(header: Text("Last Name")) {
                    TextField("Last Name", text: $value)
                }
            }
        }
    }
}

Les solutions ci-dessus n'ont pas vraiment fonctionné pour ce que j'essayais de réaliser. Je voulais un écran initial avec un arrière-plan clair pour le formulaire et les écrans suivants pour avoir la couleur par défaut du système iOS GroupedBackground. Utiliser apparaît () et disparaît () ne fonctionnait pas pour moi car le passage d'un onglet à un autre entraînait des bogues dans l'apparence.

J'ai trouvé la solution suivante. Il emprunte aux solutions ci-dessus.

Pour mon écran ContentView, j'ai inséré ce code juste à l'intérieur du Struct.

.background(Color(.systemGroupedBackground))

Il s'agit d'un changement global qui affecte toutes les formes.

Pour tous les formulaires où je voulais que la couleur par défaut fonctionne, j'ai inséré ce code juste à l'extérieur du formulaire {}.

init(){
    UITableView.appearance().backgroundColor = .clear
}