Question 1

AnimationController ใน Flutter คืออะไร?

Accepted Answer

AnimationController คือออบเจ็กต์หลักที่ควบคุมแอนิเมชันใน Flutter โดยจะสร้างค่าระหว่าง 0.0 ถึง 1.0 ตลอดระยะเวลาที่กำหนด และอนุญาตให้เริ่ม หยุด ย้อนกลับ หรือทำซ้ำแอนิเมชันได้ มันต้องใช้ TickerProvider (ผ่าน SingleTickerProviderStateMixin หรือ TickerProviderStateMixin) เพื่อซิงโครไนซ์เฟรม

Question 2

ทำไมจึงใช้ SingleTickerProviderStateMixin ใน State ที่มี AnimationController?

Accepted Answer

SingleTickerProviderStateMixin มอบ Ticker เพียงตัวเดียวให้กับ State ซึ่งจำเป็นเพื่อให้ AnimationController ซิงโครไนซ์เฟรมกับเอนจินการเรนเดอร์ได้ Ticker จะส่งสัญญาณในทุกเฟรม (60 ครั้งต่อวินาที) เพื่ออัปเดตค่าของแอนิเมชัน การใช้ mixin นี้ช่วยเพิ่มประสิทธิภาพการใช้ทรัพยากรเมื่อจำเป็นต้องใช้ controller เพียงตัวเดียว

Question 3

ความแตกต่างระหว่าง SingleTickerProviderStateMixin และ TickerProviderStateMixin คืออะไร?

Accepted Answer

SingleTickerProviderStateMixin ได้รับการปรับให้เหมาะสมสำหรับ AnimationController เพียงตัวเดียวและใช้ทรัพยากรน้อยกว่า TickerProviderStateMixin อนุญาตให้สร้าง Ticker หลายตัวเพื่อจัดการ AnimationController หลายตัวใน State เดียวกัน ใช้ SingleTickerProviderStateMixin เมื่อ controller ตัวเดียวเพียงพอ มิฉะนั้นให้เลือก TickerProviderStateMixin

แอนิเมชัน

AnimationController ใน Flutter คืออะไร?

คำตอบ

ทำไมจึงใช้ SingleTickerProviderStateMixin ใน State ที่มี AnimationController?

คำตอบ

ความแตกต่างระหว่าง SingleTickerProviderStateMixin และ TickerProviderStateMixin คืออะไร?

คำตอบ

Tween ใน Flutter คืออะไรและใช้ทำอะไร?

จะใช้เส้นโค้งความเร่ง (Curve) กับแอนิเมชัน Flutter ได้อย่างไร?

หัวข้อสัมภาษณ์ Flutter อื่นๆ

พื้นฐาน Dart

พื้นฐานภาษา Dart

พื้นฐาน Flutter

วงจรชีวิตของ Widget

การจัดเก็บข้อมูลในเครื่อง

วงจรชีวิตของแอปพลิเคชัน

Layouts & Constraints

ListView & GridView

การนำทางและ Routing

การจัดการ State พื้นฐาน

Provider Pattern

Networking & HTTP

การซีเรียลไลซ์ JSON

ฐานข้อมูลในเครื่อง

ฟอร์มและการตรวจสอบความถูกต้อง

การผสานรวม Firebase

การทดสอบยูนิต

การทดสอบ widget

การ Build และ Deploy

การจัดการแพ็กเกจ

หน่วยความจำและประสิทธิภาพ

Streams & RxDart

State Management ขั้นสูง

Flutter Design Patterns

การเพิ่มประสิทธิภาพการทำงาน

Platform Channels

Custom Painting

สถาปัตยกรรมแอปพลิเคชัน Flutter

เชี่ยวชาญ Flutter สำหรับการสัมภาษณ์ครั้งถัดไป