Press ESC to close

SwiftUI Horizontal List

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

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir