Print
Details: Category: บทความ Flutter | Published: 29 November 2019 | Hits: 5886

เมื่อหลายวันก่อน น้องๆ ที่มาเรียน คอร์ส สอนเขียนแอพ แอนดรอยด์ และ iOS ด้วย Flutter

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

ขอให้สอนใน หัวข้อ (คอร์สนี้ สอนตัวต่อตัว และ เลือกหัวข้อได้อยู่แล้ว) ให้ ทำ Search View

Screen Shot 2562 10 30 at 151924  Screen Shot 2562 10 30 at 152020

แบบนี่ไง ครับ พอเราพิมพ์ คำว่า ve ระบบจะค้นหา คำที่มี อักษร ve ในคำมาแสดง

Screen Shot 2562 10 30 at 152116

เริ่มต้นกัน เลย สร้าง คลาส Debouncer แบบนี่ ตัวนี่เป็น Thread ที่จะ หน่วงเวลา

 Screen Shot 2562 10 30 at 152130

มาสเตอร์ สร้าง เทรด ให้ อ่านข้อมูล จาก Server ก่อน ที่ initState

Screen Shot 2562 10 30 at 152138

อันนี่ เทรด สำหรับอ่านค่าจาก Server

Screen Shot 2562 10 30 at 152147

อันนี่ส่วนของ เมธอด serarchText

Screen Shot 2562 10 30 at 152153

ส่วนของ  ListView ที่แสดงผล

Screen Shot 2562 10 30 at 152159

และนี่คือส่วนของ build ครับ ลองทดสอบโค้ด

Screen Shot 2562 10 30 at 151924

ลองพิมพ์

Screen Shot 2562 10 30 at 152020

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

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

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