Cara menutup keyboard menggunakan koding pada Flutter -Programmaticaly

Saat membuat aplikasi pastilah sering kita memerlukan data yang berasal dari inputan user salah satu caranya adalah dengan membuat form menggunakan TextField atau TextFormField untuk memperoleh data secara langsung dari user.

Ketika membuat sebuah form menggunakan TextField aplikasi akan otomatis membuka tampilan keyboard agar user dapat mengetikan data yang kita perlukan, namun dalam beberapa kasus yang ditemui kita diharuskan untuk bisa menutup tampilan keyboard yang muncul secara manual saat TextField sedang aktif (focus)

Sebenarnya saat TextField sedang diisi user atau dalam keadaan focus keyboard dapat ditutup secara manual menggunakan tombol back pada smartphone, namun jika kasus kita mengharuskan aplikasi untuk menutupnya secara manual tanpa menunggu user untuk menekan tombol back, maka kita harus menggunakan code untuk melakukannya.

Bagaimana Caranya?

Salah satu caranya adalah dengan mengontrol focus state yang sedang berjalan menggunakan sebuah class yang bernama FocusScopeNode(), class ini adalah class ekstensi dari class FocusNode , untuk info lebih lanjut bisa dibaca pada link dibawah:

https://api.flutter.dev/flutter/widgets/FocusScopeNode-class.html

Bagaimana Codenya?

Codenya sangat sederhana, kita hanya perlu membuat instance FocusScopeNode() dan melakukan pengecekan dari focus state apakah terdapat TextField yang sedang focus, jika true maka kita dapat menutupnya secara menggunakan code — programmaticaly , berikut code nya:

Hasilnya?

Mungkin itu saja artikel kali ini, terimakasih semoga bermanfaat

--

--

Flutter Developer

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store