Halo! Pada tutorial kali ini, kita akan membuat custom search widget. Untuk membuat custom search widget, gunakan source code di bawah ini.

 

Di sini, kita menggunakan Expanded sebagai parent dari TextField agar bisa digunakan di dalam Row. Pada TextField, kita tambahkan prefixIcon agar bisa menambahkan icon search. Detail yang lain hanyalah style agar TextField menjadi mirip seperti pada template yang kita tiru. 

Jangan lupa untuk menambahkan custom search widget pada home screen. Jika dijalankan, maka akan menjadi seperti di bawah ini.

 

 

Demikian tutorial kali ini. terima kasih atas dukungannya!