SwiftUI List header and subheader

Question

The goal is for me to have a List section with a bold header and non-bold sub-header, which is something I couldn't figure out how to do. So I tried making the header with a Text view that contains text that is partially bold, and partially normal non-bold text.

I tried doing this with an NSAttributedString which works with a UILabel but it doesn't appear to work with swiftUI's Text object.

Im making the header like so:

Section(header: Text(docSection.formattedHeader)) {
    ...

where docSection.formattedHeader is an NSAttributedString that is half bold, half non-bold separated with a \n

however then I get the following error:

Initializer 'init(_:)' requires that 'NSAttributedString' conform to 'StringProtocol'

Is there anyway to achieve this?

Mojtaba Hosseini · Accepted Answer · 2019-08-22 19:07:38Z

7

Since NSAttributedString is incompatible with SwiftUI (yet), you should use Text instead. But for Section, You can use any View in. So why don't you use a stackView like this:

Section(header:
    VStack(alignment: .leading) {
        Text("Header").fontWeight(.bold)
        Text("Subheader").fontWeight(.regular)
    }
) {
    Text("Content")
}

Also you can use HStack or any other combined views.

edited Aug 22, 2019 at 19:07

answered Aug 22, 2019 at 19:00

Mojtaba Hosseini

124k45 gold badges342 silver badges328 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Quinn Over a year ago

Thanks! This does the trick, don't know why I thought I could only use text as the header

Mojtaba Hosseini Over a year ago

Maybe because of the old UITableView method: titleForHeaderInSection....

Async- Over a year ago

@Quinn do you know how to display header and subheader inside List item? Trying List{ ForEach{ VStack{ Text Text }}} doesn't compile..

Collectives™ on Stack Overflow

SwiftUI List header and subheader

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related