Misi: layar profil dari sketsa

Toko Serba Ada di Surabaya meminta layar profil kasir untuk aplikasi internalnya, dan desainer mengirim sketsa di bawah. Tugasmu memilih susunan widget yang menghasilkan sketsa itu tanpa galat tata letak. Foto(), Nama(), Jabatan(), Lencana(), Statistik(), dan daftar shift adalah widget kecil yang sudah dibuat rekanmu; yang ditanyakan hanya cara menyusunnya.

+-------------------------------------------+
|  +--------+                               |
|  |  Foto  |   Dewi Lestari                |
|  |  [Aktif]   Kasir - shift pagi          |
|  +--------+                               |
|  (lencana Aktif menimpa sudut kanan       |
|   bawah foto)                             |
+--------------+--------------+-------------+
|    1.250     |     4,8      |    96%      |
|  transaksi   |    rating    |   hadir     |
|  (tiga kolom sama lebar)                  |
+--------------+--------------+-------------+
|  Riwayat shift                            |
|  Senin   07.00-15.00                      |
|  Selasa  07.00-15.00                      |
|  ... (daftar panjang, bisa digulir,       |
|       mengisi sisa tinggi layar)          |
+-------------------------------------------+

Bacalah sketsa dari luar ke dalam. Layar utama adalah Column dengan tiga bagian: kepala, baris statistik, dan riwayat. Untuk setiap bagian, tentukan dulu arah susunannya, mendatar atau menurun, lalu apakah ada yang bertumpuk, lalu siapa yang harus mengisi sisa ruang. Ingat aturan constraints: Column tidak membatasi tinggi anaknya, jadi anak yang ingin setinggi mungkin harus diberi batas oleh widget lain. Setelah ketiga bagian beres, periksa sudut foto: lencana yang menimpa foto berarti dua widget menempati tempat yang sama, dan itu pekerjaan Stack, bukan Row atau Column.