Скачать или смотреть Como crear una vista de historias como la de

Aprende a crear vistas con SwiftUI como las historias de Instagram

Código:


import SwiftUI

struct Story: Identifiable {
let id = UUID()
let username: String
let image: String // Nombre de la imagen en Assets
}

struct StoriesCarouselView: View {
let stories: [Story] = [
Story(username: "esmepimentel", image: "Amor"),
Story(username: "paomxoficial", image: "Imagen2"),
Story(username: "stephanie.vaquer", image: "Imagen1")
]

var body: some View {
ScrollView(.horizontal, showsIndicators: false) {
HStack(spacing: 16) {
ForEach(stories) { story in
VStack {
ZStack {
Circle()
.stroke(LinearGradient(gradient: Gradient(colors: [Color.red, Color.orange, Color.purple]), startPoint: .topLeading, endPoint: .bottomTrailing), lineWidth: 3)
.frame(width: 70, height: 70)

Image(story.image)
.resizable()
.scaledToFill()
.frame(width: 65, height: 65)
.clipShape(Circle())
}
Text(story.username)
.font(.caption)
.foregroundColor(.primary)
.lineLimit(1)
}
}
}

}
}
}

struct ContentView: View {
var body: some View {
VStack {
StoriesCarouselView().padding(20)
}
}
}