Pengenalan SwiftUI — CompileDaily Study

Penjelasan

SwiftUI adalah framework deklaratif dari Apple untuk membangun antarmuka aplikasi iOS, macOS, watchOS, dan tvOS menggunakan bahasa Swift. Berbeda dari UIKit yang bersifat imperatif (kamu menulis langkah demi langkah untuk mengubah tampilan), SwiftUI bersifat deklaratif — kamu cukup mendeskripsikan "tampilan seperti apa yang ingin kamu tampilkan untuk kondisi data tertentu", dan SwiftUI yang mengurus detail render serta pembaruan tampilan saat data berubah. Untuk mulai belajar SwiftUI, kamu butuh Xcode (macOS) yang sudah menyertakan SwiftUI Previews — kanvas langsung di editor yang menampilkan hasil kode tanpa harus build ke simulator setiap kali. Bagi yang belum punya Mac, Swift Playgrounds di iPad juga mendukung eksperimen dasar SwiftUI. Setiap project SwiftUI baru di Xcode otomatis membuat struct yang conform ke protocol App sebagai entry point, dan sebuah View pertama yang biasanya bernama ContentView.

Instalasi & Cara Menjalankan

// 1. Buka Xcode > Create a new Xcode project > iOS > App
// 2. Pilih interface: SwiftUI, language: Swift
// 3. File ContentView.swift otomatis berisi kode berikut:

import SwiftUI

struct ContentView: View {
    var body: some View {
        Text("Halo, SwiftUI!")
            .padding()
    }
}

#Preview {
    ContentView()
}

// Jalankan lewat tombol Play (Cmd+R) untuk build ke simulator,
// atau lihat langsung hasilnya di panel Preview (Cmd+Option+P).

Praktikum

Lengkapi struct ContentView di bawah supaya menampilkan teks "Selamat datang di SwiftUI" dan tambahkan modifier .padding() pada Text tersebut.

Editor Latihan

Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.

Tips

Gunakan panel Preview (Canvas) sesering mungkin — jauh lebih cepat daripada build penuh ke simulator setiap kali mengubah kode kecil. Jika Preview error tapi kode terlihat benar, coba Resume (tombol di pojok kanan atas canvas) sebelum menyalahkan kodenya.