SwiftUI: Modifier inside Array

Question

I'm currently trying to put all possible modifiers directly into an array and then call them via forEach. It works with most of them too, unfortunately with frame (height, width, alignmet) not as I would like. Text and frame should align at the same time. But no matter how I try, it doesn't work. In addition, I also fail to integrate .bold and .italic in this way. I am aware that there are other ways. If it is possible in any way, I would like to be able to include all modifiers in this way. Is that even possible?

import SwiftUI

struct Tests: Identifiable {
    var id: Int
    var text: String
    var textcolor: Color
    var textfont: Font
    var height: CGFloat
    var width: CGFloat
    var alignment: Alignment
    var textbackcolor: Color
    var corner: CGFloat
    var show: Bool
    var user: String
}

struct ContentView: View {

    @State private var testvar = [
        Tests(id: 000, text: "Hello World 1", textcolor: .red, textfont: .title, height: 100, width: 300, alignment: .trailing, textbackcolor: .blue, corner: 20, show: true, user: "System"),
        Tests(id: 001, text: "Hello World 2", textcolor: .green,  textfont: .largeTitle, height: 100, width: 300, alignment: .center, textbackcolor: .black, corner: 50, show: true, user: "George"),
       ]

    var body: some View {
        NavigationView {
            VStack {

                    ForEach(self.testvar) { txt in if txt.show == true {
                        Text("\(txt.text)")
                            .frame(width: txt.width, height: txt.height, alignment: txt.alignment)
                            .font(txt.textfont)
                            .foregroundColor(txt.textcolor)
                            .background(txt.textbackcolor)
                            .cornerRadius(txt.corner)
                        //.bold?
                        //.italic?
                        } }
               }
        }
    }
}


struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

user3441734 · Accepted Answer · 2020-02-18 22:42:48Z

3

Changing the order of modifiers (italic or bold must have to be applied on Text only)

ForEach(self.testvar) { txt in if txt.show == true {
    Text("\(txt.text)")
        .bold()
        .italic()
        .frame(width: txt.width, height: txt.height, alignment: txt.alignment)
        .font(txt.textfont)
        .foregroundColor(txt.textcolor)
        .background(txt.textbackcolor)
        .cornerRadius(txt.corner)
    }
}

on data

@State private var testvar = [
        Tests(id: 000, text: "Hello World 1", textcolor: .red, textfont: .title, height: 100, width: 300, alignment: .trailing, textbackcolor: Color(.blue).opacity(0.2), corner: 20, show: true, user: "System"),
        Tests(id: 001, text: "Hello World 2", textcolor: .green,  textfont: .largeTitle, height: 300, width: 300, alignment: .center, textbackcolor: .black, corner: 50, show: true, user: "George"),
       ]

I've got

If you are wondering why .largeTitle is not italic, please see How to apply .italic() to .largeTitle Font?

UPDATE to reflect discussion

to be able to modify the style based on values in your array, use simple Text extension

extension Text {
    func style(bold: Bool = false, italic: Bool = false) -> Self {
        var s = self
        if bold {
            s = s.bold()
        }
        if italic {
            s = s.italic()
        }
        return s
    }
}

which is (I hope so) self-explanatory

edited Feb 18, 2020 at 22:42

answered Feb 12, 2020 at 22:39

user3441734

17.7k3 gold badges45 silver badges63 bronze badges

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

2 Comments

dankell Over a year ago

Thank you. I would have liked to have Bold and Italic directly in the array so that I could decide separately for each index.

user3441734 Over a year ago

@dankell see the update, it allows you to define bold and / or italic as parameters, so easy to implement exactly, what you want.

Collectives™ on Stack Overflow

SwiftUI: Modifier inside Array

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related