Google Flutter

Flutter 3 นาที Form: สร้างส่วนรับ และตรวจสอบข้อมูล ง่ายจัง!

เรื่องที่เกี่ยวข้อง - Flutter 3 นาที, Google Flutter

Google Flutter วันละนิดกับโค้ชพล คลิปนี้ เราจะมาพูดถึงการสร้างแบบฟอร์ม สำหรับรับข้อมูลที่ลูกค้ากรอกเข้ามาในแอพพลิเคชั่น รวมถึงการตรวจสอบข้อมูล (Data Validation) และการเข้าถึงข้อมูลด้วยการกำหนดค่าในรูปแบบต่างๆ

Form เป็น Widget หลักตัวหนึ่งที่ไม่ได้มาเดี่ยว แต่มาเป็นทีม จึงมีการทำงานกับ Widget ตัวย่อยๆ อย่าง TextFormField ด้วย

TextFormField เป็น Widget ที่ทำตัวเองเป็นช่องสำหรับกรอกข้อมูล สามารถปรับแต่งส่วนรับข้อมูลได้หลากหลาย เช่นการแสดงเป็นรหัสผ่าน รวมถึงกำหนดเงื่อนไขการตรวจสอบความถูกต้องของข้อมูลด้วยครับ

เรื่องที่เราจะคุย และทำกันในคลิปวิดีโอ

  • วิธีสร้าง Form
  • วิธีใช้ TextFormField
  • การกำหนดให้ซ่อนรหัสผ่านด้วย obscureText
  • การสร้างและใช้งาน Validation function
  • การสร้าง และใช้งาน FormState Key
  • การควบคุม Form ด้วย Form Key

สามารถโคลนโปรเจคมาทำไปด้วยกันได้จาก

https://github.com/teerasej/nextflow_widget_today_form_1

ดูวิดีโอทั้งหมดในซีรี่ย์ Flutter 3 นาที

และยังสามารถกดดูวิดีโอทั้งหมดในซีรี่ส์ Flutter 3 นาที ได้ที่นี่เลย อย่าลืมกด subscribe พร้อมเปิดกระดิ่งแจ้งเตือนล่ะ

เริ่มต้นเรียนรู้สร้างแอพ iOS และ Android ด้วย Google Flutter ไปกับโค้ชพล

เหมาะสำหรับผู้เริ่มต้น

เขียนครั้งเดียว ใช้ได้ทั้งระบบ iOS และ Android ประหยัดเวลา

เรียนได้ทุกเวลา ไม่มีวันหมดอายุ

ได้รู้ตั้งแต่วิธีติดตั้งโปรแกรม จนเอาขึ้นApp Store และ Play Store

ได้ทำแอพของจริง เริ่มต้นจาก 0 ทุกโปรเจค มีระบบถามตอบ กรณีติดปัญหา

 

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

  • เข้าใจง่าย ใช้ได้จริง ออกแบบการสอนอย่างเข้าใจโดยโค้ชพล
  • มีคอร์สสำหรับคนใช้งานทั่วไป จนถึงเรียนรู้เพื่อใช้งานในสายอาชีพขั้นสูง
  • ทุกคอร์สมีใบประกาศณียบัตรรับรองหลังเรียนจบ

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save