Skills Flutter

คำแนะนำสำหรับการเพิ่มกฎการตรวจสอบใหม่และแฟล็ก CLI ไปยัง dart_skills_lint

ใช้ทักษะนี้เมื่อผู้ใช้ขอให้สร้าง CatalogItem, data class และ/หรือ widget class ใหม่ตามคำจำกัดความ JSON Schema ในแอปพลิเคชันที่ใช้…

ควรใช้สตริงแบบหลายบรรทัด ( ''' ) มากกว่าการต่อสตริงด้วย + และ \n โดยเฉพาะอย่างยิ่งสำหรับข้อความขนาดใหญ่ เช่น คำสั่ง SQL, HTML หรือคีย์ที่เข้ารหัสแบบ PEM ซึ่งช่วยเพิ่มความสามารถในการอ่านและหลีกเลี่ยงข้อผิดพลาด lint ที่เกี่ยวกับบรรทัดยาวเกิน 80 ตัวอักษร โดยอนุญาตให้ขึ้นบรรทัดใหม่ได้อย่างเป็นธรรมชาติ

เพื่อหาผู้สมัครที่เหมาะสมสำหรับการโยกย้าย ให้ใช้กลยุทธ์การค้นหาต่อไปนี้:

รักษาเนื้อหาในไฟล์ entrypoint (เช่น bin/my_app.dart) ให้มีน้อยที่สุด ซึ่งจะช่วยปรับปรุงความสามารถในการทดสอบโดยการแยกตรรกะออกจากตัวรันกระบวนการ

เพื่อค้นหาปัญหาของเอกสาร:

แยกวิเคราะห์ข้อผิดพลาดจากบันทึกการทดสอบ Dart และ Flutter

เพื่อค้นหาบรรทัดที่เกินขีดจำกัด:

เพื่อหาผู้สมัครสำหรับการปรับปรุงการใช้งาน matcher ให้ค้นหารูปแบบที่ด้อยประสิทธิภาพ:

เพื่อหาผู้สมัครสำหรับการปรับปรุงให้ทันสมัย:

แนวทางสำหรับการบำรุงรักษาแพ็กเกจ Dart ให้สอดคล้องกับแนวปฏิบัติที่ดีที่สุดของทีม Dart

ใช้ CLI dart_skills_lint เพื่อตรวจสอบความถูกต้องของสกิล เลือกเวิร์กโฟลว์ที่เหมาะสมตามสภาพแวดล้อมของคุณ:

แนวทางสำหรับการรันและตีความความครอบคลุมของการทดสอบในแพ็กเกจ Dart

เพื่อหาผู้สมัครสำหรับการปรับปรุงโครงสร้างการทดสอบ:

การตรวจสอบที่จำเป็นต้องดำเนินการก่อนที่จะทำงานใดๆ ที่เกี่ยวข้องกับไฟล์ md หรือโค้ด dart ในพื้นที่เก็บข้อมูลนี้ให้เสร็จสมบูรณ์

ทักษะในการค้นหารุ่น Dart และ Flutter ที่ต่ำที่สุดซึ่งมี commit ที่กำหนด ใช้ทักษะนี้เมื่อผู้ใช้ถามว่า commit ใดถูกเพิ่มใน Flutter หรือ Dart…

ใช้มาตรฐานการเข้าถึง WCAG 2 และ EN 301 549 รวมถึงเลย์เอาต์แบบปรับเปลี่ยนได้ในแอป Flutter บังคับใช้คำอธิบายเชิงความหมาย ขนาดเป้าหมายการแตะ (ขั้นต่ำ 48x48 dp) และอัตราส่วนความคมชัดของข้อความ (4.5:1 สำหรับข้อความขนาดเล็ก, 3:1 สำหรับข้อความขนาดใหญ่) บนแพลตฟอร์มมือถือ เว็บ และเดสก์ท็อป มีตรรกะการตัดสินใจสำหรับการเริ่มต้นความหมายบนเว็บ การห่อวิดเจ็ตแบบโต้ตอบ การสลับเลย์เอาต์ตามขนาดหน้าจอ และการจัดการอินพุตคีย์บอร์ด/เมาส์ รวมถึงการจัดการการนำทางโฟกัสผ่าน FocusTraversalGroup และ...

เรียกใช้การสแกนการเข้าถึงผ่าน widget_inspector และเพิ่ม Semantics widgets หรือป้ายกำกับที่ขาดหายไปในซอร์สโค้ดโดยอัตโนมัติ

กำหนดค่า Flutter Driver สำหรับการโต้ตอบกับแอปและแปลงการกระทำของ MCP เป็นการทดสอบการผสานรวมแบบถาวร ใช้เมื่อเพิ่มการทดสอบการผสานรวมในโปรเจกต์…

เพิ่มตัวอย่างวิดเจ็ตแบบโต้ตอบลงในโปรเจกต์โดยใช้ระบบ previews.dart ใช้เมื่อสร้างคอมโพเนนต์ UI ใหม่หรืออัปเดตหน้าจอที่มีอยู่เพื่อให้แน่ใจว่า…

Implement a component-level test using `WidgetTester` to verify UI rendering and user interactions (tapping, scrolling, entering text). Use when validating…

เพิ่มวิดเจ็ตหน้าจอหลักให้กับแอป Flutter สำหรับ Android และ iOS ด้วย UI ดั้งเดิมและการซิงค์ข้อมูลที่ใช้ร่วมกัน Flutter สื่อสารกับวิดเจ็ตดั้งเดิมผ่านพื้นที่จัดเก็บในเครื่องที่ใช้ร่วมกัน (UserDefaults บน iOS, SharedPreferences บน Android) โดยใช้แพ็คเกจ home_widget; ข้อมูลไหลจากการเขียนของ Flutter ไปยังการอ่านวิดเจ็ตดั้งเดิมเมื่อ OS เรียกใช้ การใช้งานบน iOS ใช้ Xcode, SwiftUI และเป้าหมาย Widget Extension พร้อมความสามารถ App Groups; Android ใช้ Android Studio กับ AppWidgetProvider, เค้าโครง XML และ...

ภาพตอบสนอง การเปลี่ยนผ่าน และการเคลื่อนไหวตามหลักฟิสิกส์สำหรับแอป Flutter โดยใช้เฟรมเวิร์ก Animation กลยุทธ์การเคลื่อนไหวสี่แบบ: แอนิเมชันแบบนัยสำหรับการเปลี่ยนแปลงคุณสมบัติอย่างง่าย, แอนิเมชันแบบชัดแจ้งพร้อมควบคุมการเล่น, การเปลี่ยนผ่าน Hero สำหรับองค์ประกอบที่ใช้ร่วมกันระหว่างเส้นทาง, และแอนิเมชันตามหลักฟิสิกส์สำหรับการเคลื่อนไหวที่เป็นธรรมชาติจากการป้อนข้อมูลด้วยท่าทาง ระบบ Animation แบบกำหนดประเภทหลักพร้อมคลาส AnimationController, Tween และ Curve; ควรจัดการคอนโทรลเลอร์เสมอเพื่อป้องกันหน่วยความจำรั่วไหล แอนิเมชันแบบสลับ...

เลือกและใช้กลยุทธ์แอนิเมชัน Flutter ที่เหมาะสมที่สุดสำหรับความต้องการ UI ของคุณ รวมถึงแผนผังการตัดสินใจเพื่อเลือกระหว่างแอนิเมชันแบบ implict, explicit tweens, การเคลื่อนไหวตามหลักฟิสิกส์, การเปลี่ยนภาพแบบ hero, ลำดับแบบ staggered และการเปลี่ยนเส้นทางหน้า พร้อมตัวอย่างโค้ดที่สมบูรณ์สำหรับแอนิเมชันแต่ละประเภท ตั้งแต่ AnimatedContainer แบบง่ายไปจนถึงการตั้งค่า staggered multi-tween ที่ซับซ้อน บังคับใช้การจัดการหน่วยความจำอย่างเคร่งครัดด้วยการกำจัด AnimationController ที่จำเป็นและแนวทางปฏิบัติที่ดีที่สุดด้านประสิทธิภาพโดยใช้...

วัดและปรับขนาด Flutter app bundle, APK หรือ IPA ด้วยการวิเคราะห์และกลยุทธ์การลดขนาดเฉพาะแพลตฟอร์ม รองรับ Android (APK/AppBundle), iOS (IPA) และเดสก์ท็อป (Linux, macOS, Windows) พร้อมขั้นตอนการวัดเฉพาะแพลตฟอร์ม สร้างไฟล์ JSON วิเคราะห์ขนาดโค้ดผ่าน flutter build --analyze-size และทำงานร่วมกับ Dart DevTools App Size Tool สำหรับการแสดงภาพแยกส่วนประกอบ ดำเนินการลดขนาดผ่านการแยกข้อมูลดีบัก การบีบอัดแอสเซท และ...

ออกแบบสถาปัตยกรรมแอปพลิเคชัน Flutter โดยใช้แนวทางแบบเลเยอร์ที่แนะนำ (UI, Logic, Data) ใช้เมื่อจัดโครงสร้างโปรเจกต์ใหม่หรือปรับโครงสร้างเพื่อความสามารถในการขยาย

กรอบงานสถาปัตยกรรมแบบเลเยอร์สำหรับแอป Flutter ที่ปรับขนาดได้ พร้อมการแยกส่วนความรับผิดชอบอย่างเคร่งครัด บังคับใช้โครงสร้างสามเลเยอร์ (UI, Logic, Data) ด้วยการไหลของข้อมูลแบบทิศทางเดียวและแหล่งความจริงเดียวในเลเยอร์ Data เลเยอร์ UI ประกอบด้วย Views และ ViewModels ที่เรียบง่ายซึ่งแปลงโดเมนโมเดลเป็นสถานะการนำเสนอ เลเยอร์ Logic (ไม่บังคับ) จัดการการประสานงานทางธุรกิจที่ซับซ้อน เลเยอร์ Data แบ่งอย่างชัดเจนเป็น Services ที่ไม่มีสถานะและ Repositories ที่แคชข้อมูล ให้คำแนะนำทีละขั้นตอนสำหรับฟีเจอร์...

สถาปัตยกรรม MVVM สำหรับแอป Flutter ที่มีการไหลของข้อมูลแบบทิศทางเดียวและการแยกชั้นอย่างเคร่งครัด ใช้สถาปัตยกรรมสามชั้น: ชั้นข้อมูล (Services และ Repositories), ชั้นโดเมน (UseCases สำหรับตรรกะที่ซับซ้อน), และชั้น UI (ViewModels และ Views) ใช้ provider สำหรับการฉีด dependency และ ListenableBuilder สำหรับการอัปเดต UI แบบรีแอกทีฟด้วยรูปแบบ Command สำหรับการโต้ตอบของผู้ใช้ บังคับใช้การไหลของข้อมูลแบบทิศทางเดียว: ข้อมูลไหลลงจาก Repositories ไปยัง ViewModels ไปยัง Views; อีเวนต์ไหลขึ้น...

Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on…

ฟอร์ม Flutter ที่ผ่านการตรวจสอบความถูกต้อง พร้อมการจัดการข้อผิดพลาดระดับฟิลด์และขั้นตอนการส่งข้อมูล ต้องใช้ StatefulWidget ที่โฮสต์ด้วย GlobalKey<FormState> แบบถาวรเพื่อจัดการสถานะฟอร์มและการตรวจสอบความถูกต้องระหว่างการสร้างใหม่ ใช้วิดเจ็ต TextFormField พร้อม callback validator() ที่คืนค่าสตริงข้อผิดพลาดเมื่อล้มเหลว หรือ null เมื่อสำเร็จ เรียก _formKey.currentState!.validate() เมื่อส่งเพื่อเรียกใช้ตัวตรวจสอบทั้งหมดและแสดงข้อความข้อผิดพลาดใต้ฟิลด์โดยอัตโนมัติ รวมถึงตัวอย่างโค้ดที่สมบูรณ์ที่สาธิตชื่อผู้ใช้...

เชี่ยวชาญระบบข้อจำกัดของ Flutter เพื่อสร้างเลย์เอาต์ที่ตอบสนองและไม่ล้นได้อย่างมีประสิทธิภาพ หลักการสำคัญ: ข้อจำกัดไหลลง ขนาดไหลขึ้น ตัวแม่ตั้งตำแหน่ง ห้ามส่งข้อจำกัดแบบไร้ขอบเขตในกล่องยืดหยุ่นหรือพื้นที่เลื่อนได้ ใช้ Row / Column สำหรับเลย์เอาต์เชิงเส้น Expanded / Flexible สำหรับการกระจายพื้นที่ Stack สำหรับองค์ประกอบที่ซ้อนทับ และ SizedBox สำหรับข้อจำกัดที่แน่นอน ใช้ LayoutBuilder สำหรับการปรับขนาดตามการตอบสนอง หรือการแสดงผลแบบมีเงื่อนไขสำหรับเลย์เอาต์ที่ปรับเปลี่ยนได้บนมือถือ แท็บเล็ต...

สร้างโครงร่างและใช้งานปลั๊กอิน Flutter แบบข้ามแพลตฟอร์มพร้อมการทำงานร่วมกับเนทีฟสำหรับ Android, iOS, Windows และเว็บ รองรับทั้งปลั๊กอินมาตรฐาน (Method Channels สำหรับ API ของแพลตฟอร์ม) และปลั๊กอิน FFI (ไลบรารีเนทีฟ C/C++) เลือกตามความต้องการในการเข้าถึง SDK เฉพาะแพลตฟอร์มหรือการผูกโค้ดเนทีฟโดยตรง สถาปัตยกรรมปลั๊กอินแบบ Federated แบ่ง API ออกเป็นแพ็คเกจที่ใช้งานกับแอป อินเทอร์เฟซแพลตฟอร์ม และการใช้งานแพลตฟอร์มอิสระสำหรับการพัฒนาแบบทีม รวมถึงขั้นตอนทีละขั้นตอน...

การแคชและการเพิ่มประสิทธิภาพการทำงานที่ครอบคลุมสำหรับแอป Flutter ในหลายประเภทข้อมูลและหลายแพลตฟอร์ม มีตรรกะการตัดสินใจเพื่อเลือกกลไกการแคชที่เหมาะสม: ในหน่วยความจำ, shared_preferences สำหรับคู่คีย์-ค่า, SQLite สำหรับข้อมูลเชิงสัมพันธ์, ระบบไฟล์สำหรับข้อมูลขนาดใหญ่, และการแคชรูปภาพสำหรับรูปภาพเครือข่าย รวมถึงรูปแบบพื้นที่เก็บข้อมูลแบบออฟไลน์ก่อนโดยใช้สตรีม ซึ่งให้ข้อมูลที่แคชไว้ก่อน จากนั้นดึงข้อมูลและอัปเดตจากเครือข่าย ครอบคลุมการอุ่นเครื่อง Android FlutterEngine และ...

รูปแบบการแคชข้อมูลในเครื่องและการซิงค์แบบออฟไลน์ก่อนสำหรับแอป Flutter ครอบคลุมกลยุทธ์การแคชห้าแบบ: shared_preferences สำหรับสถานะ UI, SQLite/Hive สำหรับข้อมูลที่มีโครงสร้าง, ระบบไฟล์สำหรับสื่อไบนารี, การกู้คืนสถานะสำหรับการนำทาง, และการอุ่นเครื่อง FlutterEngine บน Android ใช้ที่เก็บข้อมูลแบบออฟไลน์ก่อนด้วยสตรีมสำหรับการอ่าน (ให้ผลลัพธ์ในเครื่อง, ดึงข้อมูลระยะไกล, อัปเดตแคช) และกลยุทธ์การเขียนแบบคู่ (ออนไลน์เท่านั้นเทียบกับออฟไลน์ก่อนพร้อมซิงค์พื้นหลัง) ปรับแต่งการแคชรูปภาพด้วย...

การแยกวิเคราะห์ JSON ในพื้นหลังและการจัดการสถานะสำหรับการเรนเดอร์ UI ของ Flutter ที่ไร้สะดุด ให้แผนผังการตัดสินใจสำหรับการเลือกระหว่างการซีเรียลไลซ์ด้วยตนเอง (dart:convert) และการสร้างโค้ด (json_serializable) ตามความซับซ้อนของโมเดล รองรับสามกลยุทธ์การทำงานพร้อมกัน: async/await บนเธรดหลักสำหรับข้อมูลขนาดเล็ก, Isolate.run() อายุสั้นสำหรับการคำนวณหนักแบบครั้งเดียว, และ Isolate อายุยาวพร้อม ReceivePort / SendPort สำหรับการสื่อสารสองทางอย่างต่อเนื่อง รวมถึงการสำรองที่คำนึงถึงแพลตฟอร์ม:...

เลเยอร์ข้อมูลที่สอดคล้องกับ MVVM สำหรับ Flutter พร้อมรูปแบบ Repository, Services ที่ไม่มีสถานะ และกลยุทธ์การแคชในเครื่องอย่างชาญฉลาด แนะนำการเลือกเทคโนโลยีการคงอยู่ (shared_preferences, sqflite, drift, hive_ce, isar_community หรือ file I/O) ตามประเภทข้อมูล ขนาด และความซับซ้อนของความสัมพันธ์ นำ Repository มาใช้เป็นแหล่งข้อมูลเดียวที่เชื่อถือได้ โดยแยก DatabaseService และ ApiClient เป็น dependencies ที่ไม่มีสถานะแบบส่วนตัว ให้ตัวอย่างโค้ดที่สมบูรณ์สำหรับโมเดลโดเมน การดำเนินการ SQLite และ...

ฝังมุมมองเนทีฟของ Android, iOS หรือ macOS และเนื้อหาเว็บลงในแอปพลิเคชัน Flutter โดยตรง รองรับโหมดการประกอบ Android สองโหมด (Hybrid และ Texture Layer) พร้อมข้อแลกเปลี่ยนด้านประสิทธิภาพและความเที่ยงตรงที่แตกต่างกัน iOS และ macOS ใช้ Hybrid Composition เท่านั้น รวมถึงขั้นตอนการทำงานแบบทีละขั้นตอนสำหรับการนำมุมมองแพลตฟอร์มไปใช้บน Android และ iOS พร้อมคำแนะนำในการตรวจสอบและแก้ไขปัญหา ช่วยให้สามารถฝัง Flutter ลงในแอปพลิเคชันเว็บที่มีอยู่ผ่านโหมด Full Page หรือ Multi-view (Embedded) พร้อม...

การตั้งค่าสภาพแวดล้อม Linux สำหรับการพัฒนา Flutter บนเดสก์ท็อป พร้อมการตรวจจับระบบปฏิบัติการและการตรวจสอบชุดเครื่องมือ ตรวจจับ Debian/Ubuntu หรือ ChromeOS โดยอัตโนมัติ และหยุดการทำงานพร้อมคำแนะนำสำหรับระบบที่ไม่ใช่ apt ติดตั้ง dependencies หลัก (curl, git, unzip, libglu1-mesa) และชุดเครื่องมือเดสก์ท็อป Linux (clang, cmake, ninja-build, ไลบรารี GTK) แจ้งให้ตั้งค่า IDE ตามต้องการ (VS Code หรือ Android Studio ผ่าน snap) รัน flutter doctor -v และ flutter devices เพื่อตรวจสอบสภาพแวดล้อม โดยติดตั้งโดยอัตโนมัติ...

การตั้งค่าสภาพแวดล้อมการพัฒนา Flutter บน macOS แบบอัตโนมัติ พร้อมการตรวจสอบความถูกต้องของ dependencies และการแก้ไขข้อบกพร่อง ตรวจสอบการติดตั้ง Flutter ความพร้อมของ Xcode และการมีอยู่ของ CocoaPods หากขาดข้อกำหนดใดจะหยุดพร้อมคำแนะนำที่ชัดเจน แนะนำผู้ใช้ผ่านการกำหนดค่าเครื่องมือบรรทัดคำสั่งของ Xcode และการยอมรับใบอนุญาตด้วยคำสั่ง sudo ที่จำเป็น วนลูปการตรวจสอบ flutter doctor แบบวนซ้ำเพื่อระบุและแก้ไขปัญหาที่เหลือของ toolchain จนกว่าส่วน Xcode จะผ่านทั้งหมด...

การตั้งค่าสภาพแวดล้อมการพัฒนา Flutter บน Windows แบบอัตโนมัติ พร้อมการกำหนดค่าเครื่องมือเฉพาะแพลตฟอร์ม กำหนดค่าเส้นทาง Flutter SDK การติดตั้งชุดเครื่องมือ Visual Studio C++ และการตั้งค่าเฉพาะแพลตฟอร์มผ่านข้อความโต้ตอบสำหรับ Windows Desktop, Android หรือทั้งสองเป้าหมาย จัดการการตั้งค่า Android Studio การกำหนดค่าอุปกรณ์/อีมูเลเตอร์ และการติดตั้งไดรเวอร์ USB เมื่อเลือก Android สร้างใบรับรอง MSIX ที่เซ็นชื่อด้วยตนเองโดยใช้ OpenSSL สำหรับการบรรจุและปรับใช้แอป Windows ในเครื่อง...

แก้ไขข้อผิดพลาดการจัดวาง Flutter (โอเวอร์โฟลว์, ข้อจำกัดที่ไม่มีขอบเขต) โดยใช้เครื่องมือ Dart และ Flutter MCP ใช้เมื่อจัดการกับ "RenderFlex overflowed", "Vertical…

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

ถ่ายโอนงานที่ใช้ CPU สูงไปยัง isolates ในเบื้องหลัง ขณะที่รักษาความตอบสนองของ UI ใน Flutter ให้คงที่ มีรูปแบบการทำงานพร้อมกันสามแบบ: async / await สำหรับงานที่ผูกกับ I/O, Isolate.run() สำหรับการคำนวณหนักแบบครั้งเดียว, และ Isolate.spawn() พร้อมการส่งข้อความสำหรับตัวทำงานเบื้องหลังแบบถาวร รวมถึงเมทริกซ์การตัดสินใจเพื่อเลือกระหว่างการทำงานแบบ async และ isolates ตามประเภทของงาน (I/O เทียบกับ CPU-bound) และความถี่ในการดำเนินการ ครอบคลุมเวิร์กโฟลว์ที่สมบูรณ์สามแบบพร้อมรายการตรวจสอบงานทีละขั้นตอน: มาตรฐาน...

การร้องขอ HTTP และการซีเรียลไลซ์ JSON สำหรับการรวม REST API และการแยกวิเคราะห์ข้อมูลใน Flutter ครอบคลุมสามวิธี HTTP (GET, POST, PUT, DELETE) พร้อมการตรวจสอบรหัสสถานะที่เหมาะสม การบังคับใช้ HTTPS และการสร้าง URI ที่ปลอดภัยโดยใช้ Uri.https() มีสองกลยุทธ์การซีเรียลไลซ์: fromJson / toJson แบบแมนนวลสำหรับโมเดลที่เรียบง่าย และการสร้างโค้ดด้วย json_serializable สำหรับโครงสร้างที่ซับซ้อนแบบซ้อนกัน รวมถึงการแยกวิเคราะห์พื้นหลังด้วย compute() เพื่อป้องกัน UI กระตุกเมื่อประมวลผลข้อมูล JSON ขนาดใหญ่...

วิดเจ็ตหน้าจอโฮมแบบเนทีฟสำหรับแอป Flutter บน iOS และ Android ที่มีการแชร์ข้อมูลข้ามแพลตฟอร์ม สร้างการแชร์ข้อมูลระหว่าง Dart และแพลตฟอร์มเนทีฟผ่าน App Groups (iOS) และ SharedPreferences (Android) ทำให้สามารถอัปเดตวิดเจ็ตจากแอป Flutter ของคุณ รองรับวิดเจ็ตแบบข้อความพื้นฐานและ UI Flutter ที่ซับซ้อนซึ่งแสดงผลเป็นภาพนิ่งสำหรับการแสดงผลแบบเนทีฟ ต้องตั้งค่าเนทีฟใน Xcode (เป้าหมาย Widget Extension พร้อม Swift TimelineProvider) และ Android Studio (AppWidgetProvider พร้อม XML...)

การเชื่อมต่อเครือข่าย HTTP ที่ปลอดภัยและการจัดการ JSON สำหรับแอป Flutter พร้อมรองรับการแยกวิเคราะห์ในเบื้องหลัง ใช้การดำเนินการ CRUD (GET, POST, PUT, DELETE) ผ่านแพ็กเกจ http พร้อมการสร้าง URL ที่ปลอดภัยด้วย Uri.https() และการตรวจสอบสถานะโค้ดอย่างเคร่งครัด รองรับการซีเรียลไลซ์และดีซีเรียลไลซ์ JSON แบบกำหนดชนิดข้อมูลอย่างชัดเจนด้วยการจับคู่รูปแบบ Dart 3 ผ่านคอนสตรัคเตอร์แบบ factory และเมธอด toJson() ถ่ายโอนการแยกวิเคราะห์ JSON ขนาดใหญ่ไปยังไอโซเลทในเบื้องหลังผ่าน compute() เพื่อป้องกัน UI กระตุกเมื่อข้อมูลมีขนาดเกิน 16 มิลลิวินาที...

Create model classes with `fromJson` and `toJson` methods using `dart:convert`. Use when manually mapping JSON keys to class properties for simple data…

รูปแบบการนำทางแบบ Imperative และ Declarative สำหรับการเปลี่ยนหน้าจอและการเชื่อมโยงลึกใน Flutter ครอบคลุมทั้งแนวทาง Navigator (แบบ Imperative, ใช้สแต็ก) และ Router (แบบ Declarative, ซิงค์กับ URL) พร้อมคำแนะนำว่าเมื่อใดควรใช้แต่ละแบบ รองรับการเชื่อมโยงลึกบน iOS, Android และ Web รวมถึงการส่งข้อมูลผ่านคอนสตรัคเตอร์ อาร์กิวเมนต์ของเส้นทาง และค่าที่ส่งกลับ นำทางการซ้อนกันสำหรับขั้นตอนหลายขั้นตอน (เช่น วิซาร์ดการตั้งค่า) พร้อมเนวิเกเตอร์ย่อยอิสระและการสกัดกั้นปุ่มย้อนกลับ ให้...

กำหนดค่าแอป Flutter สำหรับเทคโนโลยีช่วยเหลือ รวมถึงโปรแกรมอ่านหน้าจอและการนำทางด้วยแป้นพิมพ์ ครอบคลุมพื้นฐานการออกแบบ UI: การปรับขนาดฟอนต์, ความคมชัดของสี (4.5:1 สำหรับข้อความปกติ, 3:1 สำหรับข้อความขนาดใหญ่), และเป้าหมายการแตะขั้นต่ำ 48x48 พิกเซล ให้รูปแบบการใส่คำอธิบายเชิงความหมายโดยใช้ Semantics, MergeSemantics, และ ExcludeSemantics เพื่อเปิดเผยโครงสร้างต้นไม้ของวิดเจ็ตให้กับเครื่องมือช่วยเหลือ รวมถึงคำแนะนำเฉพาะสำหรับเว็บเกี่ยวกับการเปิดใช้งานเลเยอร์ความหมาย (ปิดใช้งานโดยค่าเริ่มต้นเพื่อประสิทธิภาพ) และ...

เข้าถึง API ดั้งเดิมเฉพาะอุปกรณ์บน Android, iOS และเว็บจากโค้ด Flutter รองรับสามแนวทางการผสานรวม: FFI สำหรับการเชื่อมโยง C/C++ โดยตรง, Platform Channels (พร้อม Pigeon เพื่อความปลอดภัยของประเภท) สำหรับเรียก Kotlin/Swift/Objective-C, และ Platform Views สำหรับฝังส่วนประกอบ UI ดั้งเดิม FFI ใช้ dart:ffi พร้อมการคอมไพล์บิลด์อัตโนมัติผ่าน hooks build.dart; ต้องใช้สัญลักษณ์ extern "C" และ package:ffigen สำหรับการสร้างการเชื่อมโยง Dart Platform Channels ให้การส่งข้อความแบบอะซิงโครนัสระหว่าง...

สร้างเลย์เอาต์ Flutter ที่ตอบสนองโดยการประกอบวิดเจ็ต จัดการข้อจำกัด และปรับให้เข้ากับขนาดหน้าจอ มีแผนผังการตัดสินใจสำหรับเลือกวิดเจ็ตเลย์เอาต์พื้นฐานที่เหมาะสม (Row, Column, Stack, ListView, GridView, CustomScrollView) ตามมิติของเนื้อหา การซ้อนทับ การเลื่อน และความต้องการในการตอบสนอง บังคับใช้ระบบข้อจำกัดหลักของ Flutter: ข้อจำกัดไหลลง ขนาดไหลขึ้น ต้นทางกำหนดตำแหน่ง รวมถึงรูปแบบ ConstrainedBox สำหรับบังคับมิติเฉพาะ ดำเนินการ...

กำหนดค่าแอป Flutter เพื่อรองรับหลายภาษาและโลแคลด้วยการตั้งค่า i18n ที่เหมาะสม จัดการการฉีด dependency (flutter_localizations, intl), การกำหนดค่า code generation (l10n.yaml), และการสร้างไฟล์แปล .arb ที่รองรับ placeholders, plurals, และ regional variants กำหนดค่า delegates ของ root widget (MaterialApp, CupertinoApp, หรือ WidgetsApp) และจัดการกับ widget แบบแยกเช่น TextField และ CupertinoTabBar ที่ต้องการการห่อหุ้ม Localizations อย่างชัดเจน รองรับ...

การรองรับหลายภาษาในแอป Flutter โดยใช้ไฟล์ ARB และการสร้างโค้ด กำหนดค่า pubspec.yaml ด้วย flutter_localizations และ intl จากนั้นกำหนดไฟล์ l10n.yaml เพื่อเปิดใช้งานตัวสร้างโค้ด gen-l10n จัดเก็บสตริงที่แปลภาษาในไฟล์ JSON ของ Application Resource Bundle (.arb) โดยไฟล์เทมเพลตจะกำหนดคีย์ทั้งหมด และไฟล์เฉพาะภาษาจะให้คำแปล รวม localizations เข้าไปใน MaterialApp หรือ CupertinoApp โดยเพิ่ม AppLocalizations.delegate และ delegates เฉพาะแพลตฟอร์มลงใน...

จัดการสถานะชั่วคราวและสถานะระดับแอปใน Flutter โดยใช้ StatefulWidget, MVVM และ Provider แยกความแตกต่างระหว่างสถานะชั่วคราว (วิดเจ็ตเดียว จัดการด้วย setState()) และสถานะแอป (แชร์ระหว่างวิดเจ็ต จัดการด้วย MVVM และแพ็คเกจ provider) ใช้การไหลของข้อมูลทิศทางเดียวที่มีแหล่งความจริงเดียว: Models จัดการข้อมูล, ViewModels จัดการสถานะ UI ผ่าน ChangeNotifier, Views ใช้และแสดงสถานะ ให้ลำดับขั้นตอนการทำงานสำหรับการใช้งาน MVVM: กำหนด Repository, สร้าง...

การทำงานร่วมกันแบบข้ามแพลตฟอร์มสำหรับแอป Flutter บน Android, iOS และ Web ให้ตรรกะการตัดสินใจเพื่อเลือกกลยุทธ์การผสานรวมที่เหมาะสมที่สุด: FFI สำหรับโค้ด C/C++, Platform Channels สำหรับ API เฉพาะระบบปฏิบัติการ, Platform Views สำหรับส่วนประกอบ UI ดั้งเดิม, และ JS Interop สำหรับเว็บ รองรับสถาปัตยกรรม FFI สมัยใหม่โดยใช้ build hooks (Flutter 3.38+) พร้อมการคอมไพล์ด้วยชุดเครื่องมือดั้งเดิมและการผูก Dart รองรับ Platform Channels แบบอะซิงโครนัส (MethodChannel) พร้อม Kotlin และ Swift ที่สมบูรณ์...

ระบุและกำจัดคอขวดด้านประสิทธิภาพในแอป Flutter ผ่านการทำโปรไฟล์อย่างเป็นระบบและการปรับแต่งตามเป้าหมาย มีแผนผังการตัดสินใจเพื่อวินิจฉัยอาการกระตุกบนเธรด UI, เธรด Raster (GPU) หรือทั้งสองอย่าง พร้อมแนวทางแก้ไขเฉพาะสำหรับแต่ละกรณี รวมถึงเทมเพลตการทดสอบการผสานรวมที่ใช้ traceAction และ TimelineSummary เพื่อสร้างเกณฑ์พื้นฐานด้านประสิทธิภาพและวัดงบประมาณเฟรม ครอบคลุมการปรับแต่ง UI (การจำกัดสถานะ, คอนสตรัคเตอร์ const, การใช้ StringBuffer) และการปรับแต่ง Raster (การแทนที่ Opacity...

ฝังมุมมองเนทีฟและเนื้อหาเว็บลงในแอป Flutter บนแพลตฟอร์ม Android, iOS, macOS และเว็บ รองรับ Android Hybrid Composition (ความเที่ยงตรงแบบเนทีฟ) และ Texture Layer (ประสิทธิภาพของ Flutter), iOS/macOS Hybrid Composition และโหมดมุมมองหลายหน้าจอแบบเต็มหน้าหรือแบบฝังบนเว็บ มีเทมเพลตโค้ด Dart และเนทีฟครบถ้วน (Kotlin สำหรับ Android, Swift สำหรับ iOS/macOS, JavaScript สำหรับเว็บ) พร้อมรูปแบบการลงทะเบียนแบบ factory ต้องใช้แผนผังการตัดสินใจล่วงหน้าเพื่อกำหนดแพลตฟอร์มเป้าหมายและการฝัง...

สร้างโครงร่าง Flutter plugins พร้อมการทำงานร่วมกับ native, method channels, การรวม FFI และสถาปัตยกรรมแบบ federated สร้าง plugins มาตรฐาน, FFI plugins หรือสถาปัตยกรรมแบบ federated หลายแพ็กเกจตามความต้องการของโค้ด native และโครงสร้างทีม กำหนดค่าอินเทอร์เฟซวงจรชีวิตการฝังตัว Android v2, สภาพแวดล้อม native เฉพาะแพลตฟอร์ม (Kotlin/Java, Swift/Objective-C) และการลงทะเบียน method channel นำไปใช้ plugins แบบ federated ที่แยกแพ็กเกจพร้อมส่วนที่ติดต่อกับแอปและเฉพาะแพลตฟอร์ม...

ค้นหา checks ที่ล้มเหลวใน Flutter PR และระบุตำแหน่ง URL ของ LUCI log ที่เกี่ยวข้อง

วัดและปรับขนาดบันเดิลแอป Flutter ให้เหมาะสมในทุกแพลตฟอร์มด้วยเครื่องมือวิเคราะห์และกลยุทธ์การลดขนาด สร้างไฟล์ JSON วิเคราะห์ขนาดโดยละเอียดผ่านแฟล็ก --analyze-size เพื่อระบุแพ็กเกจ ไลบรารี และแอสเซทขนาดใหญ่ที่ทำให้เกิดอาการบวม แสดงภาพและเปรียบเทียบบิลด์โดยใช้เครื่องมือขนาดแอป DevTools พร้อมการตรวจสอบแผนผังต้นไม้และฟังก์ชันการเปรียบเทียบเพื่อติดตามความคืบหน้าในการปรับให้เหมาะสม รองรับแพลตฟอร์ม Android (APK/AAB), iOS และเดสก์ท็อปพร้อมเวิร์กโฟลว์เฉพาะแพลตฟอร์ม รวมถึงแอป iOS...

นำทางระหว่างหน้าจอ จัดการดีพลิงก์ และควบคุมการส่งข้อมูลในแอปพลิเคชัน Flutter ประเมินความต้องการของแอปเพื่อเลือกกลยุทธ์การกำหนดเส้นทางที่เหมาะสมที่สุด: Navigator แบบ Imperative สำหรับโฟลว์ที่เรียบง่าย, Router / go_router แบบ Declarative สำหรับดีพลิงก์และการรองรับเว็บ, หรือ Navigator แบบซ้อนสำหรับโฟลว์ย่อยอิสระ รองรับการส่งข้อมูลระหว่างเส้นทางผ่านอาร์กิวเมนต์ของคอนสตรัคเตอร์ (ที่แนะนำ) หรือ RouteSettings พร้อมการดึงข้อมูลแบบ type-safe ใช้ชื่อเส้นทางกับ MaterialApp.routes หรือ...

ทำให้การตั้งค่าสภาพแวดล้อม Linux สำหรับการพัฒนา Flutter บนเดสก์ท็อปเป็นอัตโนมัติ พร้อมการติดตั้ง dependencies และขั้นตอนการตรวจสอบความถูกต้อง ครอบคลุมสามขั้นตอนหลัก: การติดตั้ง dependencies ของระบบ (เครื่องมือ build, ไลบรารี GTK, ชุดเครื่องมือ C/C++), การตรวจสอบสภาพแวดล้อมด้วย flutter doctor และการเตรียมแพ็กเกจ Snap สำหรับการแจกจ่าย มีคำสั่งพร้อมใช้งานสำหรับระบบ Debian/Ubuntu และรวมถึงการตั้งค่าแบบมีเงื่อนไขสำหรับคอนเทนเนอร์ Linux ของ ChromeOS มีเทมเพลต snapcraft.yaml พื้นฐานสำหรับ...

การกำหนดค่าสภาพแวดล้อม macOS อัตโนมัติสำหรับการพัฒนา Flutter พร้อมการตั้งค่า Xcode และ CocoaPods แนะนำการติดตั้งและเชื่อมโยงเครื่องมือบรรทัดคำสั่งของ Xcode การยอมรับใบอนุญาตนักพัฒนา และการจัดการ dependencies ของ CocoaPods รวมถึงขั้นตอนการตรวจสอบความถูกต้องโดยใช้ flutter doctor และ flutter devices เพื่อยืนยันการตั้งค่าสภาพแวดล้อมที่เหมาะสมและการจดจำเดสก์ท็อป macOS ให้ขั้นตอนการแก้ไขปัญหาสำหรับปัญหาทั่วไป เช่น การขาดเครื่องมือบรรทัดคำสั่ง ปัญหาเส้นทางของ CocoaPods และการสนับสนุนเดสก์ท็อป...

การตั้งค่าสภาพแวดล้อม Windows อัตโนมัติสำหรับการพัฒนา Flutter พร้อม SDK, เครื่องมือ และการกำหนดค่าแพลตฟอร์ม แนะนำการติดตั้ง SDK, การกำหนดค่า PATH และการตรวจสอบ dependencies ผ่าน flutter doctor ครอบคลุมการตั้งค่า workload Visual Studio C++ สำหรับการคอมไพล์เดสก์ท็อป Windows และการกำหนดค่า Android emulator/device รวมถึงขั้นตอนการทำงานสำหรับการสร้าง release binaries, การแพ็กเกจ distributable archives พร้อม DLL ที่จำเป็น และการสร้าง self-signed certificates สำหรับการปรับใช้ MSIX ให้คำแนะนำทีละขั้นตอน...

Configure `MaterialApp.router` using a package like `go_router` for advanced URL-based navigation. Use when developing web applications or mobile apps that…

Add `flutter_localizations` and `intl` dependencies, enable "generate true" in `pubspec.yaml`, and create an `l10n.yaml` configuration file. Use when…

ใช้รูปแบบ MVVM และ Unidirectional Data Flow สำหรับการจัดการสถานะของ Flutter มีตรรกะการตัดสินใจเพื่อแยกความแตกต่างระหว่างสถานะชั่วคราว (สถานะ UI ในเครื่องผ่าน setState) และสถานะแอป (สถานะที่ใช้ร่วมกันผ่าน MVVM และแพ็คเกจ provider) บังคับใช้การแยกส่วนอย่างเคร่งครัด: ชั้นข้อมูล (Repository เป็นแหล่งความจริงเดียว), ชั้นตรรกะ (ViewModel ที่ขยาย ChangeNotifier), และชั้น UI (ฟังก์ชันบริสุทธิ์ของสถานะที่ไม่เปลี่ยนรูป) รวมถึงตัวอย่างโค้ดที่สมบูรณ์สำหรับการนำรูปแบบ MVVM ไปใช้...

สร้างการทดสอบหน่วย วิดเจ็ต การผสานรวม และปลั๊กอินสำหรับแอปพลิเคชัน Flutter โดยคำนึงถึงสถาปัตยกรรม วิเคราะห์โค้ดเป้าหมายเพื่อกำหนดประเภทการทดสอบที่เหมาะสม (หน่วยสำหรับตรรกะ วิดเจ็ตสำหรับ UI การผสานรวมสำหรับแบบครบวงจร ปลั๊กอินสำหรับโค้ดเนทีฟ) จัดเตรียมแผนผังการตัดสินใจและรูปแบบการนำไปใช้งานทีละขั้นตอนสำหรับการทดสอบแต่ละประเภท รวมถึงกลยุทธ์การตั้งค่า fake/mock และการยืนยันผล มีเทมเพลตโค้ดพร้อมใช้งานสำหรับ ViewModels, Repositories, วิดเจ็ต และโฟลว์แอปพลิเคชันแบบครบวงจรพร้อม...

กรอบการทดสอบที่ครอบคลุมสำหรับแอป Flutter ในทุกชั้นการทดสอบ ได้แก่ การทดสอบหน่วย การทดสอบวิดเจ็ต และการทดสอบแบบบูรณาการ ครอบคลุมสามหมวดหมู่การทดสอบ: การทดสอบหน่วยสำหรับตรรกะที่แยกออกมา การทดสอบวิดเจ็ตสำหรับส่วนประกอบ UI และการทดสอบแบบบูรณาการสำหรับโฟลว์แบบครบวงจรบนอุปกรณ์จริงหรืออีมูเลเตอร์ มีรูปแบบการทดสอบเชิงสถาปัตยกรรมสำหรับ ViewModels, Repositories, Services และ Views โดยเน้นการใช้งาน Fake แทน mocks เพื่อการออกแบบการทดสอบที่สะอาดขึ้น รวมถึงแนวทางการทดสอบปลั๊กอินที่ผสานการทดสอบ Dart เข้ากับเนทีฟ...

โยกย้ายแอป Flutter จาก Material 2 ไปยัง Material 3 ด้วยการอัปเดตคอมโพเนนต์และธีมแบบอัตโนมัติ ระบุและแทนที่คอมโพเนนต์ Material 2 ที่เลิกใช้แล้ว (FlatButton, RaisedButton, BottomNavigationBar, Drawer) ด้วยคอมโพเนนต์ที่เทียบเท่าใน Material 3 โดยใช้แผนผังการตัดสินใจ แปลงคุณสมบัติธีมแบบเก่าเป็น ColorScheme ของ Material 3 และลบการอ้างอิงสีเน้นที่เลิกใช้แล้ว (accentColor, accentColorBrightness ฯลฯ) ปรับธีมคอมโพเนนต์ทั้งหมดให้เป็นมาตรฐานโดยใช้คลาส *ThemeData และตรวจสอบให้แน่ใจว่าใช้ useMaterial3:...

รูปแบบการจัดสไตล์ทั่วโลกและการออกแบบที่ปรับเปลี่ยนได้สำหรับแอป Flutter โดยใช้การธีม Material 3 ครอบคลุมชุดสี Material 3, การพิมพ์, ระดับความสูง, และการแทนที่คอมโพเนนต์สมัยใหม่ (NavigationBar, FilledButton, SegmentedButton) รวมถึงการปรับมาตรฐานธีมคอมโพเนนต์โดยใช้คลาส *ThemeData และคำแนะนำการเลิกใช้สำหรับคุณสมบัติเก่าอย่าง accentColor และ AppBarTheme.color ให้รูปแบบที่ปรับเปลี่ยนตามแพลตฟอร์ม: การมองเห็นแถบเลื่อน, ข้อความที่เลือกได้, ลำดับปุ่ม (Windows เทียบกับ...)

Use the `http` package to execute GET, POST, PUT, or DELETE requests. Use when you need to fetch from or send data to a REST API.

สถาปัตยกรรมชั้นข้อมูลแบบออฟไลน์ก่อนและ SQLite สำหรับแอป Flutter ที่มีการจัดเก็บข้อมูลในเครื่องอย่างมีโครงสร้าง แยกชั้นข้อมูลออกเป็น Services แบบไร้สถานะ (ตัวห่อหุ้มข้อมูลดิบ) และ Repositories เชิงตรรกะทางธุรกิจ (แหล่งความจริงเดียวต่อเอนทิตีโดเมน) ใช้การซิงค์แบบออฟไลน์ก่อน: การอ่านจะให้ข้อมูลแคชในเครื่องทันที จากนั้นดึงข้อมูลอัปเดตจากระยะไกล การเขียนจะบันทึกในเครื่องก่อน จากนั้นพยายามซิงค์ API โดยมีคิวสำรองในพื้นหลัง ครอบคลุมการตั้งค่า SQLite ด้วยคำสั่งพารามิเตอร์ที่ปลอดภัย โดเมน...

ทักษะนี้มีเวิร์กโฟลว์และแนวปฏิบัติที่ดีที่สุดเฉพาะสำหรับพื้นที่เก็บข้อมูล genui

สัมภาษณ์ผู้ใช้อย่างไม่ลดละเกี่ยวกับแผนหรือการออกแบบจนกว่าจะมีความเข้าใจร่วมกัน โดยแก้ไขแต่ละกิ่งของแผนผังการตัดสินใจ ใช้เมื่อผู้ใช้ต้องการ...

ใช้ทักษะนี้เมื่อผู้ใช้ขอให้รวมแพ็กเกจ genui และเริ่มการสนทนาง่ายๆ กับ Firebase AI Logic

ตรวจสอบไฟล์ Markdown ตามแนวทางของ Google

สร้างเครื่องมือ Flutter และ CLI ขึ้นมาใหม่ ใช้เมื่อผู้ใช้ขอให้คอมไพล์ อัปเดต สร้างใหม่ หรือสร้างเครื่องมือ Flutter หรือ CLI ขึ้นมาใหม่

ก่อนที่จะคอมมิตการเปลี่ยนแปลงหรือตรวจสอบ PR ในเครื่อง สิ่งสำคัญคือต้องทำการ stage ไซต์และตรวจสอบให้แน่ใจว่าทุกอย่างทำงานได้อย่างถูกต้อง ทำตามขั้นตอนเหล่านี้เพื่อ stage ไซต์:

ใช้เมื่อกำลังปรับใช้ฟีเจอร์หรือแก้ไขข้อบกพร่อง ก่อนที่จะเขียนโค้ดการใช้งาน

อัปเดตและดูแลไฟล์ llms.txt ใช้เมื่อผู้ใช้ต้องการเพิ่มส่วน เพิ่มลิงก์ แก้ไขข้อมูล หรือตรวจสอบไฟล์ llms.txt

อัปเกรดเวอร์ชันเบราว์เซอร์ (Chrome หรือ Firefox) ในการทดสอบ Flutter Web Engine และ/หรือ Framework ใช้เมื่อถูกขอให้โรลหรืออัปเกรด Chrome หรือ Firefox เป็นเวอร์ชันที่ใหม่กว่า…

ตรวจสอบให้แน่ใจว่าส่วนของโค้ดที่เปลี่ยนแปลงใดๆ ถูกเรียกใช้อย่างถูกต้องและซิงค์ไปยังไฟล์ Markdown