tHatpart
tHatpart

Reputation: 1136

SwiftUI Align VStack Top Leading in ZStack

I have a Stack I am using to create a graph with 2 different lines, but I also want to have 2 labels on the graph. I want these labels to be in the top left of the ZStack but cannot figure out how. Here's what I've tried:

    ZStack {
        
        ZStack(alignment: .topLeading) {
            VStack {
                Text("Contributions")
                    .frame(width: 180, height: textHeight, alignment: .center)
                    .background(Color.POI.blue)
                    .cornerRadius(textHeight / 2)
                    .multilineTextAlignment(.center)

                Text("Earnings")
                    .frame(width: 150, alignment: .center)
                    .cornerRadius(dimensions.cornerRadiusLarge)
                    .multilineTextAlignment(.center)
            }
        }
    // Rest of the graph
  }

Upvotes: 0

Views: 437

Answers (1)

Tomas Gavenavičius
Tomas Gavenavičius

Reputation: 1

 HStack {
        ZStack(alignment: .topLeading) {
                    VStack {
                        Text("Contributions")
                            .frame(width: 180, height: textHeight, alignment: .center)
                            .background(Color.POI.blue)
                            .cornerRadius(textHeight / 2)
                        Text("Earnings")
                            .frame(width: 150, alignment: .center)
                            .cornerRadius(dimensions.cornerRadiusLarge)
                        Spacer()
                    }
                .multilineTextAlignment(.center)
            }
        // Rest of the graph
        Spacer()
      }

Upvotes: 0

Related Questions