Baik pada tutorial kali ini, Admin Konsep Koding akan berbagi sedikit tutorial Swift UI, di mana Swift UI sekarang tidak menggunakan storyboard untuk membuat desainnya dan menurut saya memang lebih asyik untuk ngoding daripada drag and drop lebih menantang menurut saya untuk ngoding langsung.
SwiftUI sendiri lebih berfokus pada iOS dengan versi terbaru jadi untuk versi iOS lama belum di support apabila menggunakan Swift UI, namun menurut saya kedepannya Swift UI akan menjadi main development untuk iOS, mengapa karena Swift UI Sendiri menjadi mudah untuk dipelajari syntax nya mirip-mirip dengan React Native maupun Flutter jadi developer akan mudah untuk mempeljari Swift UI.
Langkah-langkah
1. Buat Project Baru pilih tipe Project Swift UI
2. Kemudian buat 3 file baru dengan project Swift UI
ProfileView.swift
HomeView.swift
CartView.swift
3. Kemudian ubah file pada ContentView.swift menjadi seperti kode Swift UI di Bawah ini:
SwiftUI sendiri lebih berfokus pada iOS dengan versi terbaru jadi untuk versi iOS lama belum di support apabila menggunakan Swift UI, namun menurut saya kedepannya Swift UI akan menjadi main development untuk iOS, mengapa karena Swift UI Sendiri menjadi mudah untuk dipelajari syntax nya mirip-mirip dengan React Native maupun Flutter jadi developer akan mudah untuk mempeljari Swift UI.
Langkah-langkah
1. Buat Project Baru pilih tipe Project Swift UI
2. Kemudian buat 3 file baru dengan project Swift UI
ProfileView.swift
HomeView.swift
CartView.swift
3. Kemudian ubah file pada ContentView.swift menjadi seperti kode Swift UI di Bawah ini:
import SwiftUI
struct ContentView: View {
var body: some View {
TabView {
HomeView()
.tabItem {
VStack {
Image(systemName: "h.circle")
Text("Home")
}
}.tag(1)
CartView()
.tabItem {
VStack {
Image(systemName: "c.circle")
Text("Cart")
}
}.tag(2)
ProfileView()
.tabItem {
VStack {
Image(systemName: "p.circle")
Text("Profile")
}
}.tag(3)
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
Kemudian run project Swift UI mu, maka tampilan Tab Bar Swift UI kita akan seperti gambar di bawah ini:
Sekian semoga tutorial SwiftUI Xcode 11+ bisa bermanfaat dan membantu kamu yang sedang mempelajari mengenai Swift UI membuat TabView atau TabBBar, jika bermanfaat silahkan share dan bagikan artikel ini.
0 Comments