CODEWITHSUNDEEP
iosswiftui
Godfather
Godfather

Reputation: 4340

SwiftUI change vertical alignment of Label to center image and text

Im trying to center vertically the image and text of a SwiftUI Label. I tried to override the alignmentGuide of the Image but it didn't work. Any ideas?

        Label {
            Text("Test fdasf \n adfsa dsfsd f asdf \n asd fasd fads sad fda")
        } icon: {
            Image(systemName: true ? "checkmark.circle.fill" : "circle")
                .alignmentGuide(VerticalAlignment.top) {
                    $0[VerticalAlignment.center]
                }
        }

They are top alignment in y axis

Upvotes: 11

Views: 4985

Answers (1)

Asperi
Asperi

Reputation: 258541

We can do this using custom label style, like

struct DemoStyle: LabelStyle {
    func makeBody(configuration: Configuration) -> some View {
        HStack(alignment: .center) {    // << here !!
            configuration.icon
            configuration.title
        }
    }
}

and use it

Label {
    Text("Test fdasf \n adfsa dsfsd f asdf \n asd fasd fads sad fda")
} icon: {
    Image(systemName: true ? "checkmark.circle.fill" : "circle")
}
.labelStyle(DemoStyle())

demo

Tested with Xcode 13 / iOS 15

Upvotes: 17

Related Questions