Kalkulator Tip

Termasuk bagian Pengenalan SwiftUI dalam perjalanan Swift di Coddy. Pelajaran 48 dari 50.

Tantangan

Sedang

Buat kalkulator tip di dalam VStack:

TextField dengan placeholder Bill dan identifier bill, yang terhubung ke state String billText
Picker tersegmentasi berjudul Tip (identifier tip) yang terhubung ke state Int tipPercent dengan nilai awal 15, dengan opsi 10%, 15%, dan 20% yang diberi tag 10, 15, dan 20
teks Tip: $7.50 (identifier tipAmount) dan teks Total: $57.50 (identifier total), keduanya dengan dua angka desimal

Baca tagihan menggunakan Double(billText) ?? 0, sehingga field yang kosong atau tidak valid dihitung sebagai 0.

Coba sendiri

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

Semua pelajaran di Pengenalan SwiftUI

1Pengenalan

4Pengubah

7Lists

10Proyek, Coddy Coffee

2Menampilkan Konten

5State dan Tombol

8Navigasi

11Tantangan Akhir

3Stack dan Tata Letak

6Input Pengguna

9Berbagi Data