Google Flutter

Flutter 3 นาที กับ Alert Dialog: เรียกความสนใจผู้ใช้ ให้ตัดสินใจครั้งสำคัญ ง่ายจัง!

เรื่องที่เกี่ยวข้อง - ,
วิธีใช้ Google Flutter Alert Dialog

Google Flutter วันละนิดกับโค้ชพลวันนี้ เราจะมาพูดถึง AlertDialog Widget ที่เราสามารถใช้ดึงดูดความสนใจจากผู้ใช้แอพเรา เพื่อให้กลับมาโฟกัสการทำงานสำคัญที่เราต้องการคำยืนยันจากผู้ใช้

ลองนึกภาพ ในการใช้งานแอพพลิเคชั่น ผู้ใช้ของเราอาจจะกำลังเมามันกับการใช้ประโยชน์จากความสามารถของตัวแอพอย่างเต็มที่

แต่ถ้าเกิดบางอย่าง… เหตุการณ์บางอย่าง มันมีความสำคัญมาก สำคัญจนเราอยากให้ผู้ใช้หยุด และมาโฟกัสกับการตัดสินใจสำคัญ

เช่น

  • การลบข้อมูลทั้งหมดออกจากในเครื่องของลูกค้า
  • การ log out ออกจากระบบ
  • การยืนยันการส่งคำขอขึ้นเงินเดือน
  • การลบบัตรเครดิตออกจากบัญชี shopping บนแอพ e-commerce
  • และอีกมากมาย

เป็นเหตุผลที่ดี ที่เราจะทำให้ผู้ใช้ “หยุด” การใช้งานแอพของเรา และมาโฟกัสกับการตัดสินใจสำคัญนี้

บทบาทสำคัญดังกล่าว จะตกเป็นของ Widget จำพวก Dialog ครับ

ซึ่งตัวแรกที่เราจะมาลองเรียนรู้ใช้งานกันคือ AlertDialog

พร้อมแล้ว ลุย!

หลายๆ ครั้งในแอพ เราต้องการให้ผู้ใช้หันมาสนใจ และยืนยันการทำงาน ไม่มีอะไรจะดีไปกว่า Dialog อีกแล้ว

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

  • เข้าใจความสำคัญของ AlertDialog
  • วิธีเรียกใช้คำสั่ง showDialog()
  • วิธีสร้าง AlertDialog
  • แนวคิดในการใช้ AlertDialog
  • วิธีการกำหนด content ให้ AlertDialog
  • วิธีการกำหนดปุ่ม Actions ให้ AlertDialog

พร้อมแล้ว ก็เปิด Terminal/Powershell ขึ้นมา และรันคำสั่งด้านล่างได้เลย แล้วทำตามไปพร้อมกันได้เลย

git clone --branch finish_validate_thai_id 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 ทุกโปรเจค มีระบบถามตอบ กรณีติดปัญหา

 

Loading Facebook Comments ...
Menu