Text not expanding horizontally SwiftUI

Question

Fetching text from JSON API all is working fine however text is not taking full space horizontally instead wrapping up after every item:

HStack(alignment: .top){
    HStack{
        Text("Sample Type :")
            .font(.system(size: 12))
            .padding(.leading,18)
        
    }
    HStack(spacing: 4){
        ForEach(card.sampleType.indices){raw in
            Text("\(raw+1)." + "\(card.sampleType[raw].sampleName)")
                .font(.system(size:12))
                .fixedSize(horizontal: false, vertical: true)
        }
    }
}.foregroundColor(.blue)

sampleName is coming from nested array. I need the numbering also so concatenated as shown in code. I tried all possible combo as suggested in SO or else where but nothing working see pic.

I want like this :

Sample Type : 1.Fluoride Plasma - F 2.EDTA Whole Blood 3.Serum 4. Fluoride 
              Plasma - F

Suggestions..

burnsi · Answer 1 · 2022-08-29T12:31:52.157

This is normal behaviour of the Text view. If you want to achieve what you want you can put everything into one single Text. You would need to reduce your output into one single String.

var body: some View {
    HStack(alignment: .top){
        Text("Sample Type :")
            .font(.system(size: 12))
            .padding(.leading,18)
        
        Text(getNormalized())
            .font(.system(size: 12))
            .padding()
    }.foregroundColor(.blue)
}

func getNormalized() -> String{
    var result = ""
    
    for (index, card) in workoutTexts.enumerated(){
        result += "\(index+1)." + "\(card.sampleType[index].sampleName) "
    }
    
    return result
}

score 0 · Answer 2 · answered Aug 29 '22 at 13:29

Maybe it helps you:

HStack(alignment: .top) {
    HStack() {
        Text("Sample Type :")
            .font(.system(size: 12))
            .padding(.leading, 18)
        ScrollView(.horizontal) {
            HStack() {
                ForEach(card.sampleType.indices){raw in
                    Text("\(raw+1)." + "\(card.sampleType[raw].sampleName)")
                        .font(.system(size: 12))
                        .fixedSize(horizontal: true, vertical: false)
                }
            }
        }
    }
}.foregroundColor(.blue)

Thanks @stosha tried it already, text goes out of visible screen can't use scrollview — tintin, Aug 29 '22 at 18:23

Text not expanding horizontally SwiftUI

2 Answers2