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

พอดีวันก่อน สอนเขียนแอพ ด้วย Android และ iOS ด้วย Flutter 

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

ผุ้เข้าอบรมต้องการทำ แอพซื้อขายของ ต้องการแสดง Banner หรือ โฆษณา ที่เป็นภาพแบบเลือนไปเอง และ หยุดเมื่อ คลิก

Screen Shot 2562 08 21 at 152307

แบบนี่ครับ  บน Flutter จะทำอย่างไร ?

Screen Shot 2562 08 20 at 095440

พระเองของเราเลยครับ Carouset_slider ไปที่ เว็บนี่ครับ https://pub.dev/packages/carousel_slider

Screen Shot 2562 08 21 at 153901

การติดตั้ง Plugin ให้ เปิด pubspace.yaml เพิ่มโค้ดเหล่านี่เข้าไปครับ

Screen Shot 2562 08 21 at 161553

การใช้งานแค่ import package เข้าไปที่ คลาส

Screen Shot 2562 08 21 at 161618

มาสเตอร์ สร้าง เมธอด ที่ Return ค่ากลับ เป็น Widget CarouselSlider แบบนี่ครับ

Screen Shot 2562 08 21 at 161640

ส่วนนี่ มาสเตอร์ ประกาสตัวแปร promotionImages เป็น แบบ Array ที่มี สมาชิกเป็น Widget

Screen Shot 2562 08 21 at 161651

มาสเตอร์ สร้าง Thread ไปดึง ค่าจาก Firebase มาสร้าง Array promotionImages

Screen Shot 2562 08 21 at 161723

ส่วนนี่ Widget Method ที่ทำหน้าที่สร้าง Banner แต่ละอัน

Screen Shot 2562 08 21 at 161744

 

หน้าตา ฐานข้อมูล Firestore บน Firebase ที่ใช้ในการดึกข้อมูล 

Screen Shot 2562 08 21 at 152258

ลองทดสอบโค้ด

Screen Shot 2562 08 21 at 152303

ภาพจะเลื่อนไปเรื่อยๆ

Screen Shot 2562 08 21 at 152307

ไม่ยาก นะครับ ไม่เข้าใจอะไร ? ลองเข้ามาเรียน คอร์สเขียนแอพ Android และ iOS ด้วย Flutter ตัวต่อตัว กับมาสเตอร์ แถมเลือกหัวข้อที่จะเรียนได้ด้วยครับ 

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

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

ยินดีต้อนรับครับ