SwiftUI Disclosure Group Text Alignment

Question

Is there a way to prevent wrapped text in a DisclouseGroup title from being center aligned?

I have tried to add the following, but neither approach has been effective:

DisclosureGroup("A really long disclosure group title that is being center aligned.", isExpanded: false) {
   ...
}
.multilineTextAlignment(.leading)

DisclosureGroup("A really long disclosure group title that is being center aligned.", isExpanded: false) {
   ...
}
.frame(maxWidth: .infinity, alignment: .leading)

user_5508175 · Answer

You can use the Label initialiser for DisclosureGroup. You can read more about it here

Here is a working example.

struct ContentView: View {

    @State private var isExpanded = false
    var body: some View {
        VStack {
            DisclosureGroup(isExpanded: $isExpanded) {
                Text("This is some text")
            } label: {
                Text("A really long disclosure group title that is being center aligned.")
                    .multilineTextAlignment(.leading)
            }

        }
    }
}

This gives the following output

Tested Xcode 14 beta 4 iOS 16 Simulator

user_17825220 · Answer

You can wrap it in a Form or a List:

struct DisclosureAligning: View {

    @State var isExpanded = false

    var body: some View {
        Form {
            DisclosureGroup("A really long disclosure group title that is being center aligned.", isExpanded: $isExpanded) {
                Text("text")
            }
        }
    }
}

SwiftUI Disclosure Group Text Alignment

2 Answers