Skip to content

Instantly share code, notes, and snippets.

@alexvenom
Last active September 26, 2019 12:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save alexvenom/dd620299c2aa367c9b0989f282611816 to your computer and use it in GitHub Desktop.
Save alexvenom/dd620299c2aa367c9b0989f282611816 to your computer and use it in GitHub Desktop.
struct PreviewDetailView: View {
let preview: Preview
var body: some View {
VStack(alignment: .leading){
HStack{
Image("logo-social")
.resizable()
.frame(width: 60, height: 60)
.clipShape(Circle())
.shadow(radius: 3)
.overlay(Circle().stroke(Color.pink, lineWidth: 1))
.padding(.leading, 5)
VStack(alignment: .leading){
Text("Text upperside").font(.headline).foregroundColor(lightBlueColor)
Text("Text downside").foregroundColor(Color(.lightGray)).font(.subheadline)
}
Spacer()
Button(action: {}){
Image("threeDots")
.resizable()
.frame(width: 20, height: 20)
}
.padding(.trailing, 5)
}
Image(preview.imageUrl)
.resizable()
.frame(width: 415, height: 415)
HStack{
Button(action: {}){
Image("heart")
.resizable()
.frame(width: 30, height: 30)
}.padding(.leading, 5)
Button(action: {}){
Image("comment")
.resizable()
.frame(width: 30, height: 30)
}.padding(.leading, 5)
Button(action: {}){
Image("paper-plane")
.resizable()
.frame(width: 30, height: 30)
}.padding(.leading, 5)
Spacer()
Button(action: {}){
Image("flag")
.resizable()
.frame(width: 30, height: 30)
}.padding(.trailing, 5)
}
VStack(alignment: .leading){
Text("Liked by X and Y").foregroundColor(lightBlueColor)
Text("See all comments").foregroundColor(Color(.lightGray)).font(.subheadline)
}.padding(.leading, 5)
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment