Question 1

ความแตกต่างหลักระหว่าง ListView() และ ListView.builder() ใน Flutter คืออะไร?

Accepted Answer

ListView() สร้าง child ทั้งหมดทันที ซึ่งอาจทำให้เกิดปัญหาด้านประสิทธิภาพกับรายการที่ยาว ส่วน ListView.builder() ใช้ lazy loading และสร้าง widget เฉพาะเมื่อปรากฏบนหน้าจอเท่านั้น สำหรับรายการที่มีองค์ประกอบจำนวนมาก แนะนำให้ใช้ ListView.builder() เนื่องจากช่วยเพิ่มประสิทธิภาพหน่วยความจำและประสิทธิภาพการทำงานด้วยการนำ widget นอกหน้าจอกลับมาใช้ใหม่

Question 2

พารามิเตอร์ใดของ ListView.builder() ที่จำเป็นต้องระบุจำนวนองค์ประกอบที่จะแสดง?

Accepted Answer

พารามิเตอร์ itemCount จะบอก ListView.builder() ว่ารายการมีองค์ประกอบกี่รายการ หากไม่มีพารามิเตอร์นี้ รายการจะถูกถือว่าไม่มีที่สิ้นสุดและ itemBuilder จะถูกเรียกไปเรื่อย ๆ การกำหนด itemCount ช่วยให้เฟรมเวิร์กรู้ว่าควรหยุดสร้างองค์ประกอบเมื่อใดและแสดงตัวบ่งชี้การเลื่อนได้อย่างถูกต้อง

Question 3

จะเพิ่มตัวคั่นระหว่างแต่ละองค์ประกอบของ ListView ได้อย่างไร?

Accepted Answer

ListView.separated() ถูกออกแบบมาโดยเฉพาะเพื่อแสดงตัวคั่นระหว่างองค์ประกอบ มันรับ separatorBuilder เพิ่มเติมจาก itemBuilder ทำให้คุณสามารถกำหนด widget ที่กำหนดเอง (เช่น Divider) ระหว่างแต่ละองค์ประกอบได้ วิธีนี้สะอาดกว่าการเพิ่มตัวคั่นด้วยตนเองใน itemBuilder

ListView & GridView

ความแตกต่างหลักระหว่าง ListView() และ ListView.builder() ใน Flutter คืออะไร?

คำตอบ

พารามิเตอร์ใดของ ListView.builder() ที่จำเป็นต้องระบุจำนวนองค์ประกอบที่จะแสดง?

คำตอบ

จะเพิ่มตัวคั่นระหว่างแต่ละองค์ประกอบของ ListView ได้อย่างไร?

คำตอบ

จะสร้าง ListView แนวนอนใน Flutter ได้อย่างไร?

พารามิเตอร์ shrinkWrap มีบทบาทอย่างไรใน ListView?

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

พื้นฐาน Dart

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

พื้นฐาน Flutter

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

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

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

Layouts & Constraints

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

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

Provider Pattern

Networking & HTTP

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

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

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

แอนิเมชัน

การผสานรวม Firebase

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

การทดสอบ widget

การ Build และ Deploy

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

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

Streams & RxDart

State Management ขั้นสูง

Flutter Design Patterns

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

Platform Channels

Custom Painting

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

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