Home
คอร์ส Flutter สอน ตัวต่อตัว 15,16 มีนาคม
สืบเนื่องมาจาก https://www.androidthai.in.th/private-project-android-flutter-course.html ตั่งทีมมาเรียย หรือ จะมา คนเดียวก็ได้
ใช้เวลาเรียน 2 วัน ครับ
เริ่ม 9.00-16.00
Set Font ให้กับ Text บน Flutter
โจทย์ คือ เราต้องการ font นี่
โหลด Font ได้ที่นี่ครับ https://fonts.google.com
โหลดแล้วแตกออก จะเห็นไฟรสกุล ttf แบบนี้ครับ
คอร์สอบรมแอนดรอยด์ เชื่อมต่อ ฐานข้อมูล บน Server จริง มหาวิทยาลัย ราชภัฏ บ้านสมเด็จเจ้าพระยา
ก่อนอื่น ต้องขอแสดงความยินดี ต่อ อาจารย์ และ นักศึกษา มหาวิทยาลัย ราชภัฏ บ้านสมเด็จเจ้าพระยา เป็นอย่างมาก ครับ
ชอบที่นี่มาก สอนมาหลายปีละ
ยินดีต้วยครับ
การ Get ค่าจาก TextFormField ไปเป็น String
มาถึงจุดสำคัญละ การ Get ค่าจาก TextFormField ไปเป็น String หรือ การ Save CurrentState จาก Key Global
เราจะเรียกใช้ เมธอด save() ครับ
ทำแบบเดียวกับที่เราทำ Validate นะ จะใช้ KeyGlobal ทำงานคับ
เริ่มจาก ใต้ varlidator ก็ได้นะ เพิ่ม onSave ให้ เก็บค่าใน value
การทำ Validator ให้กับ TextFormField ของ Flutter
อะไร ? คือ Validator
มาสเตอร์ มี TextFormField 2 อัน อันแรก มาสเตอร์ ต้องการใส่ Content ที่ เป็น Format Email และ Password จะต้องไม่ต่ำกว่า 6 ตัวอักษร จะต้องมี คลาส เก่งๆ หนึ่งตัวในการ ตรวจสอบให้
ถ้าพบว่าสิ่งที่เรา กรองไปที่ TextFormField ไม่ถูกต้องตาม Format ที่เราคาดหวัง ให้ ขึ้นข้อความเตือนแบบนี้
การทำ Validate จะใช้ GlobalKey ในการจัดการ
เราจะ Call validate เมธอดมาใช้งาน แบบนี้
ที่ TextFormField จะเพิ่ม validator ที่ รับค่าการกรอก TextFormField มาที่ value ครับ มาสเตอร์ if statement ดู contains ว่ามี @ ปนมาใน value หรือเปล่า
เช่นเดียวกับ Password จะ เช็คว่า ถ้านับจำนวนคำว่ามี ไม่ต่ำกว่า 6 ตัวอักษรนะ
มาดูที่ Submin ที่ เมธอด submitButton เราจะ แสดงค่า formKey.currentState.validate ถ้า Content ที่อยู่ใน TextFormField ไม่ผิด จะแสดงผลเป็น True และ False ในผลทางตรงข้างกันครับ
มาลองทดสอบ
ลองไม่กรองอะไร ? แต่กดปุ่ม Submit สังเกตุ จะมี ข้อความแบบนี้
และ ที่ Console จะแสดงผล false แบบนี่ครับ
หรือ ลองกรอกอะไร ? ที่ไม่เป็น Format Emai และ password แค่ 3 ตัวอักษร
ลองกรอก Email ตาม Format Email จะได้แบบนี้
และ กรอก Password ให้ไม่ต่ำกว่า 6 ตัว
สังเกตุ ค่าบน Console จะแสดงผล true เมื่อ Validate ถูกต้อง
การ Reset Content ใน TextFromField ของ Flutter
โจทย์เป็นอย่างนี่
เรามี Content หรือ ข้อความที่ค้างอยู่ใน TextFormField แบบนี้
เราต้องการ กดที่ Submit แล้วให้ Content ที่อยู่ใน TextFormField ทั้งหลาย Clear หายไป แบบนี้
