Alignement du texte de SwiftUI

Question

Parmi les nombreuses propriétés de la Text Je n'ai trouvé aucune information relative à l'alignement du texte. J'ai vu dans une démo qu'il gère automatiquement le RTL, et lorsque l'on place des éléments en utilisant la vue body il le centre toujours automatiquement.

Est-ce qu'il y a un concept qui m'échappe concernant le système de mise en page dans SwiftUI et si ce n'est pas le cas, comment puis-je définir les propriétés d'alignement du texte à l'aide de l'option Text ?

Answer 1

Nous devons aligner le texte et non la pile dans laquelle il se trouve. Donc, en appelant multilineTextAlignment(.center) et en fixant les limites de ligne, je peux voir les textes alignés au centre. Je ne sais pas pourquoi je dois définir les limites de ligne, je pensais que cela s'étendrait si vous avez un grand texte.

Text("blahblah")
        .font(.headline)
        .multilineTextAlignment(.center)
        .lineLimit(50)

Answer 2

Si vous souhaitez conserver une largeur constante pour le texte, l'option ".multilineTextAlignment(.leading)" n'aura aucun effet tant qu'il n'y aura pas une seule ligne de texte.

Voici la solution qui a fonctionné pour moi :

struct LeftAligned: ViewModifier {
    func body(content: Content) -> some View {
        HStack {
            content
            Spacer()
        }
    }
}

extension View {
    func leftAligned() -> some View {
        return self.modifier(LeftAligned())
    }
}

Utilisation :

Text("Hello").leftAligned().frame(width: 300)

Answer 3

Vous pouvez définir l'alignement de la pile verticale en tant qu'alignement principal. Comme ci-dessous

 VStack(alignment: .leading) {
            Text("Turtle Rock")
                .font(.title)
            Text("Joshua Tree National Park")
                .font(.subheadline)
        }

Answer 4

J'aimerais utiliser Spacer() vue de l'alignement du bloc de texte. Cet exemple montre le texte sur le côté arrière :

HStack{
    Spacer()
    Text("Wishlist")
}

Answer 5

Je ne sais pas si c'est la réponse que vous cherchez mais j'ai fait l'expérience que SwiftUI passe automatiquement en RTL pour des langues comme l'arabe, vous n'avez pas besoin de le spécifier explicitement comme dans UIKit.