1. Home
  2. Docs
  3. Kurikulum Flutter Mobile Apps
  4. Tugas Week 3
  5. Tugas-13-Membuat Layout Aplikasi

Tugas-13-Membuat Layout Aplikasi

Pada tugas kali ini, buatlah folder “Tugas13” di dalam folder “Tugas”, kemudian buatlah (minimal) 2 file yaitu LoginScreen.dart dan HomeScreen.dart di dalam folder “Tugas13” tersebut.

Fokus pada tugas ini adalah mengatur layout dan styling dasar, tanpa harus menambahkan library baru. Jadi bagi Anda yang membuat mockup dengan desain yang dirasa sulit untuk diimplementasikan pada Flutter kali ini, dapat lebih fokus pada hal-hal yang sederhana, diantaranya:

  • Styling dasar: backgroundColor, padding, margin, borderWidth, borderColor, borderRadius.
  • Styling teks: color, fontSize, fontWeight.
  • Styling gambar: height, width,

Anda juga boleh menambahkan styling property lainnya sesuai kebutuhan pada desain mockup Anda.

untuk design lengkap figma silahkan akses link berikut ini :

https://www.figma.com/file/whC7lSyj0cRjI6XYzVKV7Y/Tugas-13-Layouting?node-id=0%3A1

Jika tugas sudah selesai dikerjakan, selanjutnya silahkan push hasil pekerjaan Anda ke Gitlab. Dan jangan lupa untuk mengumpulkan link commit hasil pekerjaan Anda ke sanbercode.com.