Hi, I have a Geometry to align two HStacks vertically.
The second row of my VStack has three individual returns. I separated them as separate elements so I can align them vertically.
If I make all three variables as one element so I can apply a modifier, is it still possible to align them vertically?
Or vice versa?
The second row which has the "deriveVibration" function has three variables V, C, and T which has diferrent result as the variables on top deriveV, deriveC, and deriverawTotal.
How do I apply this modifier?
Text(deriveVibration(string: self.profile.name))
.font(.largeTitle) {
if Text(deriveT(string: self.profile.name)) = 4, 6, or 8 {
.foregroundColor(Color.Green)
}
else .foregroundColor(Color.White)
}
Thank you for any suggestions you may have.
My current code below is set as one element. How can I align them individually without breaking them apart?
GeometryReader { proxy in
VStack(spacing: 0) {
HStack {
Text(deriveVowels(string: self.profile.name))
Text(deriveConsonants(string: self.profile.name))
Text(deriveRawTotal(string: self.profile.name))
}
.font(.headline)
.frame(width: proxy.size.width * 0.04, alignment: .top) .fixedSize()
Text(deriveVibration(string: self.profile.name))
.font(.largeTitle)
}
.frame(width: proxy.size.width * 1, alignment: .top) .fixedSize()
.foregroundColor(Color.white)
.multilineTextAlignment(TextAlignment.center)
}
.frame(idealWidth: 8, maxHeight: 88)