Merhaba arkadaşlar. Bu yazımızda SwiftUI ile nasıl yatay bir liste yapabiliriz bundan bahsedeceğiz.
İlk olarak ekranda kayması için bir Scroll View koymamız gerekiyor. Tabii bunun yana doğru kayması için horizontal yapıyoruz. Ardından içerisinde bir HStack atıp liste olması için ForEach ile dönmemiz lazım. Sonrasında ise kendi tasarımınıza kalıyor.
//
// ContentView.swift
// swiftui-horizontal-list
//
// Created by Omer Sezer on 3.11.2020.
//
import SwiftUI
struct ContentView: View {
var body: some View {
VStack {
ScrollView(.horizontal, showsIndicators: false) {
HStack {
ForEach(0..<100) { num in
HStack {
Text("\(num)")
.foregroundColor(.white)
}
.frame(width: 250, height: 120, alignment: .center)
.padding()
.background(Color.blue)
.cornerRadius(16)
.shadow(radius: 4)
}
.padding(.leading, 10)
}
}
.frame(height: 200)
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
Yukarıdaki kodun ekran çıktısı aşağıdaki gibidir.
Sorularınız olursa mail veya yorum atarak ulaşabilirsiniz. İyi çalışmalar.
Bir yanıt yazın