Merhabalar bu yazımda SwiftUI ile List ve NavigationBar kullanımını göstereceğim. Bu yapı UIKit içerisinde UITableView ve UINavigationBar yapısına karşılık geliyor.
UIKit ile uğraştığımız Delegate,DataSource gibi yapılar ile uğraşmadan hızlı bir şekilde tablomuzu listeleyebilir ve kolay bir şekilde sayfamıza NavigationBar ekleyebilirsiniz.
İlk önce listeleyeceğimiz model yapısını oluşturalım.
struct CityModel: Identifiable { var id:Int var name:String }
Model yapımıza Identifiable eklediğimiz zaman istediğimiz değişkene göre sıralama işlemi yapabiliyoruz.
Daha sonrasında Listemizdeki sutun için tasarımımızın bulunduğu bir view yaratıp, kodlarımızı orda yazıyoruz.
struct CustomRow: View { var city: CityModel var body: some View { HStack { Image(uiImage: UIImage(named: "img.jpg")!) .frame(width: 32, height: 32, alignment: .center) .clipShape(Circle()) Text(city.name) .bold() .padding(.leading, 10) } } }
Daha sonrasında ana sayfamızda listemizi oluşturup, burada sutun view yapımızı listeliyoruz.
struct CustomView:View { let citys = [CityModel(id: 0, name: "San Francisco"), CityModel(id: 1, name: "New York"),CityModel(id: 2, name: "Miami"),CityModel(id: 3, name: "Las Vegas")] var body: some View { NavigationView { List(citys.identified(by: \.id)) { city in CustomRow(city: city) } .navigationBarTitle(Text("Citys"), displayMode: .large) } } }
İlk Yorumu Siz Yapın