You now have the following SwiftUI components: a view displaying the name and location of a restaurant, a view displaying a circular image, and a view displaying a map. Now, you'll combine them to create the final design for the Restaurant Detail screen. Perform the following steps:
- Click the ContentView.swift file in the Project navigator.
- Modify your code as shown to embed the VStack that holds the three text views in another VStack:
var body: some View {
VStack {
VStack(alignment: .leading) {
Text("The Tap Trailhouse")
.font(.title)
HStack(alignment: .top) {
Text("17 Union St")
.font(.subheadline)
Spacer()
Text("Boston")
.font(.subheadline)
}
}
.padding...