Empêcher le clavier déplacer le contenu

Lorsque l’on conçoit une interface utilisateur, il peut être particulièrement frustrant de constater que l’apparition du clavier perturbe la mise en page, décalant le contenu de manière inattendue. Cette frustration est d’autant plus grande après avoir passé des heures à peaufiner une interface qui nous satisfait pleinement, seulement pour voir cet équilibre visuel compromis par l’arrivée soudaine du clavier.

Pour éviter cette situation et garantir que l’interface reste intacte et agréable à utiliser, il est possible d’ajouter un simple modificateur dans la vue principale ContentView. Ce modificateur permet de positionner le clavier au-dessus de l’interface de l’application, évitant ainsi tout déplacement indésirable du contenu.

Voici la commande à ajouter :

struct ContentView: View {   
    var body: some View {
        VStack {
             ...
        }
        // MARK: - Modifier qui permet d'ignorer l'interface et directement ce positionner
                   au dessus.
        .ignoresSafeArea(.keyboard, edges: .bottom)
    }
    
}