Flutter สร้างช่องรับข้อมูล ด้วย TextField

Flutter สร้างช่องรับข้อมูล ด้วย TextField บทความนี้สอนใช้ TextField Widget ซึ่งใช้สำหรับสร้างช่องกรอกข้อมูล (input) เพื่อให้ผู้ใช้งานกรอกข้อมูลที่หน้าจอของโปรแกรม สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง Flutter สร้างช่องรับข้อมูล ด้วย TextField

TextField(
  onChanged:(value) => print('คุณกรอก '+value),
)

จากตัวอย่างสร้างช่องรับข้อมูลจากผู้ใช้งาน (user input) ด้วย TextField Widget พร้อมกำหนดคำสั่ง onChanged เพื่อดักจับเหตุการณ์การเปลี่ยนแปลงข้อมูลภายในช่อง text ดังกล่าวพร้อมแสดงผลลัพธ์การกรอกข้อมูลที่ debug console ผ่านคำสั่ง print