Print
Details: Category: บทความ Flutter | Published: 16 January 2020 | Hits: 543

Time PIcker on Flutter หรือ การ เลือกเวลา นี่เป็น บนความต่อยอด จาก บทความ Date Picker on Flutter เมื่อครั้งที่แล้ว มาวันนี้เราจะมาลองทำ Time Picker บ้างครับ

Screen Shot 2563 01 08 at 051000

แบบนี่ไง ? ครับ

Screen Shot 2563 01 08 at 050911

แบบเดิม เราได้ประกาศตัวแปร timeOfDat ที่มี ชนิดของข้อมูลเป็นแบบ TimeOfDay

Screen Shot 2563 01 08 at 050937

มาสเตอร์ สร้างเมธอด Show Time และ เทรด ChooseTime แบบนี้ครับ

Screen Shot 2563 01 08 at 050953

การแสดงผลของเมธอด showTime

Screen Shot 2563 01 08 at 051000

เราเลือก ชัวโมงก่อน

Screen Shot 2563 01 08 at 051018

แล้วค่อยเลือก นาที ครับ

Screen Shot 2563 01 08 at 051027

เห็นไหม ? ครับ ผลลัพธ์ เราจะได้เวลาที่เลือกมา ปรากฏบน Text แบบนี้ครับ

ไม่น่ายาก ลองทำตามดูนะครับ แต่ถ้าติดขัดอะไร ? ลองเข้ามาเรียน คอร์ส Flutter ตัวต่อตัว กับมาสเตอร์ สิครับ มาสเตอร์ ยินดีต้อนรับ

ดูเพิ่มเติมที่

https://www.androidthai.in.th/private-project-android-flutter-course.html