Schedule

We do not have much to do for the schedule section. Let's look at the design specs for schedule and see what we need to do. We have to just create a view for each game.

Open GameItemView and update previews with the following:

.previewLayout(.fixed(width: 290, height: 80))

Now that we have previews updated, let's move on to getting our GameItemView set up. Replace Text(“Game Item View”) with the following:

ZStack {
	// Add next step here
}
.frame(height: 74)
.background(Color.white)
.cornerRadius(10)

We are using a ZStack component as our main container.

Next, let's add the team names by replacing // Add next step here with the following:

HStack {
    Text(“TOR”)
        .custom(font: .bold, size: 47)
        .foregroundColor(Color.baseGrey)
    Spacer()
    Text(“...