Print
Details: Category: บทความ Flutter | Published: 26 April 2019 | Hits: 3627

จาก Course สอน Flutter ตัวต่อตัว คอร์สนี่ครับ https://www.androidthai.in.th/private-project-android-flutter-course.html โดยการใช้ TextFormField เป็นหัวข้อหนึ่งในการสอน

 Screen Shot 2562 02 17 at 094613

 

แบบนี่ครับ TextFormField

Screen Shot 2562 02 17 at 072418 

 มาเริ่มต้นกัน มาสเตอร์ สร้าง Column ใน Container โดยบรรจุ Widget ที่เป็น Text สามตัวแบบนี้ครับ

Screen Shot 2562 02 17 at 072425

 

แสดงผลจะได้ แบบนี่ครับ

 Screen Shot 2562 02 17 at 084054

สร้าง เมธอด ที่ Return ค่าเป็น Widget Text ครับ

 Screen Shot 2562 02 17 at 084106

ลองทดสอบโค้ด Flutter ใหม่

Screen Shot 2562 02 17 at 091723

ที่ เมธอด มาสเตอร์ Reture Widget ที่เป็น TextFormField แบบนี้

Screen Shot 2562 02 17 at 091728

ลองทดสอบโค้ด จะได้แบบนี้ครับ

Screen Shot 2562 02 17 at 094536

ลองทำที่ Password บ้าง

Screen Shot 2562 02 17 at 094613

ลองทดสอบโค้ด และ ลองพิมพ์ ดูก็จะได้แบบนี่ครับ ลองทำตามดู ถ้าไม่ได้อย่างไร ? ลองเข้ามาเรียน Flutter กับ มาสเตอร์ กัน โดยดูรายละเอียดที่ https://www.androidthai.in.th/private-project-android-flutter-course.html ครับ