SwiftUI Seri 14｜Membuat halaman pengaturan dengan SwiftUI: mulai dari desain struktural hingga penggunaan kembali komponen

Halaman pengaturan sering kali dianggap remeh karena tidak terlihat seperti halaman “techy”.

Namun justru karena cukup umum, maka sebenarnya sangat cocok untuk menguji pemahaman organisasi halaman SwiftUI:

• Hierarki struktur halaman tidak jelas
• Status kepemilikan stabil atau tidak
• Apakah abstraksi komponen alami?
• Apakah jarak dan ritme visualnya konsisten?

Jadi halaman pengaturan adalah pertanyaan dasar yang bagus.

1. Kesulitan sebenarnya dalam menyiapkan halaman adalah bagaimana mempertahankan struktur yang stabil di antara sejumlah besar item serupa.

Elemen umum halaman pengaturan sangat mirip:

• judul
• Teks penjelasan
• beralih
• Masuk ke halaman tingkat bawah
• operasi berisiko

Jika Anda tidak memikirkan levelnya terlebih dahulu, mudah untuk menulis:

• Setiap baris sedikit berbeda
• Tapi tidak ada struktur terpadu

Seiring waktu, halaman seperti ini akan semakin sulit dipelihara.

2. Halaman pengaturan sangat cocok untuk memperjelas “komponen tingkat baris” dan “struktur pengelompokan” terlebih dahulu.

Jika saya menulis halaman pengaturan dengan mantap, saya biasanya memikirkan dua level terlebih dahulu:

• Seperti apa deretan item pengaturannya?
• Bagaimana sekelompok item pengaturan diatur

Setelah kedua level ini jelas, kompleksitas halaman akan turun drastis. Karena Anda tidak perlu memikirkan ulang tata letak setiap kali item pengaturan baru ditambahkan.

3. Halaman pengaturan khususnya dapat mengungkap masalah kepemilikan status.

Misalnya:

• Siapa yang memiliki nilai saklar tertentu
• Apakah harus langsung berlaku setelah diklik atau konfirmasi terlebih dahulu?
• Beberapa pengaturan adalah status UI lokal atau status bisnis

Jika ini digabungkan, halaman tersebut akan dengan cepat menumbuhkan semua jenis logika sementara. Oleh karena itu, halaman pengaturan terkesan sederhana, namun sebenarnya sangat cocok untuk melatih “status mana yang termasuk dalam halaman dan status mana yang termasuk dalam objek bisnis”.

4. Kesimpulan: Alasan mengapa halaman pengaturan cocok untuk SwiftUI adalah karena tampilannya terlihat sederhana, namun sebenarnya lebih dekat ke sana, yang secara khusus menguji pengertian hierarki.

Singkatnya, saya akan mengatakan:

Nilai sebenarnya menggunakan SwiftUI untuk menulis halaman pengaturan adalah menggunakannya untuk mempelajari tiga hal: pelapisan struktural, penggunaan kembali komponen, dan atribusi status.

Setelah ketiga hal ini ditetapkan, banyak halaman bisnis juga akan menjadi stabil.