import SwiftUI | |
import PlaygroundSupport | |
struct whatsNewRow: View { | |
var icon: String | |
var title: String | |
var description: String | |
var body: some View { | |
HStack (spacing: 24) { | |
VStack { | |
Image(systemName: icon) | |
.font(.system(size: 32)) | |
.foregroundColor(Color(UIColor.orange)) | |
.frame(width: 32) | |
} | |
VStack (alignment: .leading, spacing: 4) { | |
Text(title) | |
.font(.headline) | |
Text(description) | |
.font(.callout) | |
.foregroundColor(Color(UIColor.secondaryLabel)) | |
} | |
} | |
} | |
} | |
struct Screen: View { | |
var body: some View { | |
ZStack { | |
Color.gray | |
.edgesIgnoringSafeArea(.all) | |
VStack { | |
VStack { | |
Spacer() | |
HStack { | |
Spacer() | |
Text("Welcome to Your Updated App") | |
.font(.largeTitle) | |
.fontWeight(.bold) | |
.multilineTextAlignment(.center) | |
Spacer() | |
} | |
Spacer() | |
//What's new items | |
VStack (alignment: .leading, spacing: 24) { | |
whatsNewRow(icon: "play.circle.fill", title: "Listen Anytime, Anywhere", description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.") | |
whatsNewRow(icon: "music.mic", title: "Powerful Stories", description: "Ut enim ad minim veniam, quis nostrud exercitation ullamco.") | |
whatsNewRow(icon: "cloud.fill", title: "Peace of Mind", description: "Duis aute irure dolor in occaecat in voluptate.") | |
} | |
Spacer() | |
VStack (spacing: 32) { | |
VStack (spacing: 16) { | |
Image(systemName: "person.2.fill") | |
.font(.system(size: 24)) | |
.foregroundColor(Color(UIColor.orange)) | |
Text("Data on your podcast listening and interactions is collected to improve the service and is not associated with your Apple ID.") | |
.font(.caption) | |
.multilineTextAlignment(.center) | |
.foregroundColor(Color(UIColor.secondaryLabel)) | |
Text("See how your data is managed...") | |
.font(.caption) | |
.multilineTextAlignment(.center) | |
.foregroundColor(Color(UIColor.orange)) | |
} | |
VStack { | |
Button(action: {}) { | |
Text("Continue") | |
.fontWeight(.semibold) | |
} | |
.padding() | |
.foregroundColor(.white) | |
.frame(maxWidth: .infinity) | |
.background(Color(UIColor.orange)) | |
.cornerRadius(14) | |
} | |
} | |
Spacer() | |
} | |
} | |
.padding(20) | |
.frame(width: 375, height: 812) | |
.background(Color(UIColor.systemBackground)) | |
.cornerRadius(20) | |
} | |
} | |
} | |
PlaygroundPage.current.setLiveView(Screen()) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment