Flutter: review package (flutter_form_builder)

Article นี้ผมจะลองมาใช้งาน lib ตัวนึงนะคับ ที่ช่วยให้เราสร้างหน้า form ต่างๆได้อย่างรวดเร็วและหลากหลาย จะจิงไหม เด๋วมาดูกัน

คน LIKES เยอะดี น่าจะไม่ธรรมดา แฮ่

ผมขอข้ามขั้นตอนการ ลง package ไปเลยนะคับ และเริ่มต้น initial project ตามนี้เลย run เปรี้ยงๆๆ

นี่คือผลลัพธ์นะคับ

จะเห็นว่ามี Widgets ที่เรานำไปใช้ได้ 14 widgets เลยนะ สะดวกมากๆ เด๋วเราจะมาลองใช้ TextField จาก FormBuilderTextField() ดูนะคับ ว่าจะสะดวกกว่าการเขียนเองทั้งหมดมากแค่ไหน

สิ่งที่สรุปได้ทันทีเลยคือ การ validate จะสะดวกมากขึ้น โดยที่ไม่ต้องสร้างเงื่อนไข หรือ เขียน RegEx เองเพื่อจัดการ Text type ขึ้นมาเอง

FormBuilderTextField( )

จริงๆ แล้วในการใช้งาน package ตัวนี้ เราก้อยังสามารถใช้งาน properties ต่างๆของ TextField() ที่เป็นตัวตั้งต้นได้อยู่นะคับ เช่น

keyboardType:
inputFormatters: 
controller: 
onChanged: 
onTab:

จากภาพ เป็นการประยุกต์ใช้ TextField สร้าง ui และ validate, initialValue เราจะใส่หรือไม่ ก้อได้นะคับ

ตัวอย่างของการใช้ Checkbox และ return เป็น true เมื่อมีการ check

Example of checkboxGroup and result.

ประมาณนี้ก่อนคับ แล้วพอกันใหม่คับ