Skills Flutter

Hướng dẫn thêm quy tắc xác thực mới và cờ CLI vào dart_skills_lint.

Sử dụng kỹ năng này khi người dùng yêu cầu tạo một CatalogItem, lớp dữ liệu và/hoặc lớp widget mới dựa trên định nghĩa JSON Schema trong một ứng dụng sử dụng…

Ưu tiên sử dụng chuỗi nhiều dòng ( ''' ) thay vì nối chuỗi bằng + và \n, đặc biệt đối với các khối văn bản lớn như truy vấn SQL, HTML hoặc khóa mã hóa PEM. Điều này cải thiện khả năng đọc và tránh lỗi lint lines_longer_than_80_chars bằng cách cho phép ngắt dòng tự nhiên.

Để tìm các ứng viên cho việc di chuyển, hãy sử dụng các chiến lược tìm kiếm sau:

Giữ nội dung của tệp điểm vào (ví dụ: bin/my_app.dart) ở mức tối thiểu. Điều này cải thiện khả năng kiểm thử bằng cách tách logic khỏi trình chạy tiến trình.

Để tìm vấn đề trong tài liệu:

Phân tích lỗi từ nhật ký kiểm thử Dart và Flutter.

Để tìm các dòng vượt quá giới hạn:

Để tìm ứng viên cải thiện cách sử dụng matcher, hãy tìm kiếm các mẫu chưa tối ưu:

Để tìm các ứng viên cho việc hiện đại hóa:

Hướng dẫn duy trì các gói Dart theo các phương pháp tốt nhất của nhóm Dart.

Sử dụng CLI dart_skills_lint để xác thực kỹ năng. Chọn quy trình làm việc phù hợp dựa trên môi trường của bạn:

Hướng dẫn chạy và diễn giải mức độ phủ kiểm thử trong các gói Dart.

Để tìm ứng viên cải thiện cấu trúc kiểm thử:

Các kiểm tra bắt buộc phải chạy trước khi hoàn thành bất kỳ tác vụ nào liên quan đến tệp md hoặc mã dart trong kho lưu trữ này.

Một kỹ năng để tìm bản phát hành Dart và Flutter thấp nhất có chứa một commit nhất định. Sử dụng kỹ năng này bất cứ khi nào người dùng hỏi về thời điểm một commit được đưa vào Flutter hoặc Dart…

Triển khai các tiêu chuẩn truy cập WCAG 2 và EN 301 549 cùng bố cục thích ứng trong ứng dụng Flutter. Áp dụng chú thích ngữ nghĩa, kích thước vùng chạm (tối thiểu 48x48 dp) và tỷ lệ tương phản văn bản (4.5:1 cho văn bản nhỏ, 3:1 cho văn bản lớn) trên các nền tảng di động, web và máy tính để bàn. Cung cấp logic quyết định cho khởi tạo ngữ nghĩa web, bao bọc widget tương tác, chuyển đổi bố cục dựa trên kích thước màn hình và xử lý đầu vào bàn phím/chuột. Bao gồm quản lý điều hướng tiêu điểm qua FocusTraversal

Kích hoạt quét khả năng tiếp cận thông qua widget_inspector và tự động thêm các widget Semantics hoặc nhãn bị thiếu vào mã nguồn.

Cấu hình Flutter Driver để tương tác với ứng dụng và chuyển đổi các hành động MCP thành các bài kiểm tra tích hợp vĩnh viễn. Sử dụng khi thêm kiểm tra tích hợp vào một dự án,…

Thêm các bản xem trước widget tương tác vào dự án bằng hệ thống previews.dart. Sử dụng khi tạo các thành phần giao diện mới hoặc cập nhật các màn hình hiện có để đảm bảo…

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

Thêm widget màn hình chính vào ứng dụng Flutter cho Android và iOS với giao diện gốc và đồng bộ dữ liệu chia sẻ. Flutter giao tiếp với widget gốc qua bộ nhớ cục bộ dùng chung (UserDefaults trên iOS, SharedPreferences trên Android) sử dụng gói home_widget; dữ liệu truyền từ Flutter ghi sang widget gốc đọc khi hệ điều hành kích hoạt. Triển khai trên iOS sử dụng Xcode, SwiftUI và mục tiêu Widget Extension với khả năng App Groups; Android sử dụng Android Studio với AppWidgetProvider, bố cục XML và...

Phản hồi trực quan, chuyển tiếp và chuyển động dựa trên vật lý cho ứng dụng Flutter sử dụng khung Animation. Bốn chiến lược hoạt ảnh: hoạt ảnh ngầm cho thay đổi thuộc tính đơn giản, hoạt ảnh tường minh với điều khiển phát lại, chuyển tiếp Hero cho các phần tử dùng chung giữa các route, và hoạt ảnh dựa trên vật lý cho chuyển động tự nhiên theo cử chỉ. Hệ thống Animation kiểu dữ liệu cốt lõi với các lớp AnimationController, Tween và Curve; luôn dispose controller để tránh rò rỉ bộ nhớ. Hoạt ảnh xen kẽ...

Chọn và triển khai chiến lược animation Flutter tối ưu cho yêu cầu giao diện của bạn. Bao gồm cây quyết định để lựa chọn giữa animation ngầm định, tween rõ ràng, chuyển động dựa trên vật lý, chuyển tiếp hero, chuỗi so le và chuyển tiếp route trang. Cung cấp ví dụ mã hoàn chỉnh cho từng loại animation, từ AnimatedContainer đơn giản đến thiết lập multi-tween so le phức tạp. Thực thi quản lý bộ nhớ nghiêm ngặt với việc hủy bỏ bắt buộc AnimationController và các thực hành hiệu suất tốt nhất sử dụng...

Đo lường và tối ưu hóa kích thước gói ứng dụng Flutter, APK hoặc IPA với phân tích và chiến lược giảm thiểu theo từng nền tảng. Hỗ trợ Android (APK/AppBundle), iOS (IPA) và các nền tảng desktop (Linux, macOS, Windows) với quy trình đo lường riêng cho từng nền tảng. Tạo tệp JSON phân tích kích thước mã nguồn qua lệnh flutter build --analyze-size và tích hợp với Công cụ Kích thước Ứng dụng Dart DevTools để trực quan hóa phân tích thành phần. Triển khai giảm kích thước thông qua tách thông tin gỡ lỗi, nén tài nguyên và...

Kiến trúc ứng dụng Flutter theo cách tiếp cận phân lớp được khuyến nghị (UI, Logic, Data). Sử dụng khi cấu trúc dự án mới hoặc tái cấu trúc để mở rộng quy mô.

Khung kiến trúc phân lớp cho ứng dụng Flutter có khả năng mở rộng với sự tách biệt trách nhiệm chặt chẽ. Áp dụng cấu trúc ba lớp (UI, Logic, Data) với luồng dữ liệu một chiều và một nguồn dữ liệu duy nhất trong lớp Data. Lớp UI chứa các View và ViewModel tinh gọn, chuyển đổi mô hình miền thành trạng thái trình bày; lớp Logic (tùy chọn) xử lý các quy trình nghiệp vụ phức tạp; lớp Data được phân chia chặt chẽ thành các Service không trạng thái và Repository có bộ nhớ đệm. Cung cấp hướng dẫn từng bước về tính năng...

Kiến trúc MVVM cho ứng dụng Flutter với luồng dữ liệu một chiều và phân tách lớp chặt chẽ. Triển khai kiến trúc ba lớp: Lớp Dữ liệu (Services và Repositories), Lớp Miền (UseCases cho logic phức tạp), và Lớp Giao diện (ViewModels và Views). Sử dụng provider để tiêm phụ thuộc và ListenableBuilder cho cập nhật giao diện phản ứng với mẫu Command cho tương tác người dùng. Thực thi luồng dữ liệu một chiều: dữ liệu chảy từ Repositories xuống ViewModels đến Views; các sự kiện đi lên...

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…

Biểu mẫu Flutter đã được xác thực với xử lý lỗi cấp trường và quy trình gửi. Yêu cầu StatefulWidget chủ với GlobalKey<FormState> bền vững để quản lý trạng thái biểu mẫu và xác thực qua các lần xây dựng lại. Sử dụng widget TextFormField với callback validator() trả về chuỗi lỗi khi thất bại hoặc null khi thành công. Gọi _formKey.currentState!.validate() khi gửi để kích hoạt tất cả trình xác thực và tự động hiển thị thông báo lỗi bên dưới các trường. Bao gồm ví dụ mã hoàn chỉnh minh họa tên người dùng...

Làm chủ hệ thống ràng buộc của Flutter để xây dựng bố cục phản hồi, không bị tràn một cách hiệu quả. Nguyên tắc cốt lõi: ràng buộc truyền xuống, kích thước truyền lên, phần tử cha đặt vị trí. Không bao giờ truyền ràng buộc không giới hạn trong các hộp flex hoặc vùng cuộn. Sử dụng Row / Column cho bố cục tuyến tính, Expanded / Flexible để phân phối không gian, Stack cho các phần tử chồng lên nhau, và SizedBox cho ràng buộc chặt chẽ. Áp dụng LayoutBuilder để định kích thước phản hồi hoặc kết xuất có điều kiện cho bố cục thích ứng trên thiết bị di động, máy tính bảng,...

Xây dựng và triển khai các plugin Flutter đa nền tảng với khả năng tương tác native cho Android, iOS, Windows và web. Hỗ trợ cả plugin tiêu chuẩn (Method Channels cho API nền tảng) và plugin FFI (thư viện native C/C++); lựa chọn dựa trên nhu cầu truy cập SDK nền tảng cụ thể hoặc liên kết mã native trực tiếp. Kiến trúc plugin liên kết (Federated plugin) chia API thành các gói: giao diện ứng dụng, giao diện nền tảng và triển khai nền tảng độc lập để phát triển theo nhóm. Bao gồm hướng dẫn từng bước...

Caching toàn diện và tối ưu hóa hiệu suất cho các ứng dụng Flutter trên nhiều loại dữ liệu và nền tảng. Cung cấp logic quyết định để chọn cơ chế caching phù hợp: in-memory, shared_preferences cho cặp khóa-giá trị, SQLite cho dữ liệu quan hệ, file system cho các khối dữ liệu lớn, và image caching cho ảnh mạng. Bao gồm mẫu repository ưu tiên ngoại tuyến dựa trên stream, trả về dữ liệu đã cache trước, sau đó tải và cập nhật từ mạng. Bao gồm tính năng làm nóng trước Android FlutterEngine và...

Các mẫu đồng bộ hóa dữ liệu cục bộ và ưu tiên ngoại tuyến cho ứng dụng Flutter. Bao gồm năm chiến lược lưu trữ: shared_preferences cho trạng thái giao diện, SQLite/Hive cho dữ liệu có cấu trúc, hệ thống tệp cho phương tiện nhị phân, khôi phục trạng thái cho điều hướng, và làm nóng trước FlutterEngine trên Android. Triển khai các kho lưu trữ ưu tiên ngoại tuyến sử dụng luồng để đọc (trả về dữ liệu cục bộ, tìm nạp từ xa, cập nhật bộ nhớ đệm) và các chiến lược ghi kép (chỉ trực tuyến so với ưu tiên ngoại tuyến với đồng bộ

Phân tích JSON nền và quản lý trạng thái để render giao diện Flutter không bị giật. Cung cấp cây quyết định để chọn giữa tuần tự hóa thủ công (dart:convert) và sinh mã (json_serializable) dựa trên độ phức tạp của mô hình. Hỗ trợ ba chiến lược đồng thời: async/await trên luồng chính cho tải nhỏ, Isolate.run() ngắn hạn cho các tính toán nặng một lần, và isolate dài hạn với ReceivePort/SendPort cho giao tiếp hai chiều liên tục. Bao gồm dự phòng theo nền tảng:...

Lớp dữ liệu tuân thủ MVVM cho Flutter với mẫu Repository, các Service không trạng thái và chiến lược bộ nhớ đệm cục bộ thông minh. Hướng dẫn lựa chọn công nghệ lưu trữ (shared_preferences, sqflite, drift, hive_ce, isar_community hoặc I/O tệp) dựa trên loại dữ liệu, kích thước và độ phức tạp quan hệ. Triển khai Repository làm nguồn dữ liệu duy nhất, cô lập DatabaseService và ApiClient dưới dạng phụ thuộc không trạng thái riêng tư. Cung cấp ví dụ mã hoàn chỉnh cho mô hình miền, thao tác SQLite và...

Nhúng trực tiếp các view gốc Android, iOS hoặc macOS và nội dung web vào ứng dụng Flutter. Hỗ trợ hai chế độ tổng hợp Android (Hybrid và Texture Layer) với các đánh đổi về hiệu suất và độ trung thực khác nhau; iOS và macOS chỉ sử dụng Hybrid Composition. Bao gồm quy trình từng bước để triển khai platform view trên Android và iOS, kèm hướng dẫn xác thực và khắc phục sự cố. Cho phép nhúng Flutter vào các ứng dụng web hiện có qua chế độ Full Page hoặc Multi-view (Embedded), với...

Thiết lập môi trường Linux cho phát triển Flutter desktop với tính năng phát hiện hệ điều hành và xác thực công cụ. Tự động phát hiện Debian/Ubuntu hoặc ChromeOS và dừng lại với hướng dẫn cho các hệ thống không dùng apt. Cài đặt các phụ thuộc cốt lõi (curl, git, unzip, libglu1-mesa) và bộ công cụ Linux desktop (clang, cmake, ninja-build, thư viện GTK). Nhắc nhở thiết lập IDE tùy chọn (VS Code hoặc Android Studio qua snap). Chạy flutter doctor -v và flutter devices để xác thực môi trường, tự động cài đặt...

Thiết lập môi trường phát triển Flutter tự động trên macOS với xác thực phụ thuộc và sửa lỗi chẩn đoán. Xác minh cài đặt Flutter, sự sẵn có của Xcode và sự hiện diện của CocoaPods; dừng lại với hướng dẫn rõ ràng nếu thiếu bất kỳ điều kiện tiên quyết nào. Hướng dẫn người dùng cấu hình công cụ dòng lệnh Xcode và chấp nhận giấy phép với các lệnh sudo cần thiết. Chạy các vòng lặp xác thực flutter doctor lặp đi lặp lại để xác định và giải quyết các vấn đề còn lại của chuỗi công cụ cho đến khi phần Xcode vượt qua hoàn toàn...

Thiết lập môi trường phát triển Flutter trên Windows tự động với cấu hình toolchain dành riêng cho nền tảng. Cấu hình đường dẫn Flutter SDK, cài đặt toolchain Visual Studio C++, và các thiết lập dành riêng cho nền tảng thông qua lời nhắc tương tác cho Windows Desktop, Android hoặc cả hai mục tiêu. Xử lý thiết lập Android Studio, cấu hình thiết bị/trình giả lập và cài đặt driver USB khi chọn Android. Tạo chứng chỉ MSIX tự ký bằng OpenSSL để đóng gói và triển khai ứng dụng Windows cục bộ...

Sửa lỗi bố cục Flutter (tràn, ràng buộc vô hạn) bằng các công cụ Dart và Flutter MCP. Sử dụng khi xử lý "RenderFlex overflowed", "Vertical…

Xây dựng biểu mẫu có xác thực

Chuyển các tác vụ nặng về CPU sang các isolate nền để giữ giao diện Flutter luôn phản hồi. Cung cấp ba mẫu xử lý đồng thời: async / await cho công việc ràng buộc I/O, Isolate.run() cho các tính toán nặng một lần, và Isolate.spawn() với truyền thông điệp cho các tác vụ nền liên tục. Bao gồm ma trận quyết định để chọn giữa thao tác async và isolate dựa trên loại tác vụ (ràng buộc I/O so với CPU) và tần suất thực thi. Trình bày ba quy trình làm việc hoàn chỉnh với danh sách kiểm tra từng bước: tiêu chuẩn...

Các yêu cầu HTTP và tuần tự hóa JSON cho tích hợp REST API và phân tích dữ liệu trong Flutter. Bao gồm ba phương thức HTTP (GET, POST, PUT, DELETE) với xác thực mã trạng thái phù hợp, thực thi HTTPS và xây dựng URI an toàn bằng Uri.https(). Cung cấp hai chiến lược tuần tự hóa: fromJson / toJson thủ công cho các mô hình đơn giản và tạo mã với json_serializable cho các cấu trúc lồng nhau phức tạp. Bao gồm phân tích nền với compute() để ngăn giật lag giao diện khi xử lý các tải JSON lớn...

Widget màn hình chính gốc cho ứng dụng Flutter trên iOS và Android với khả năng chia sẻ dữ liệu đa nền tảng. Thiết lập chia sẻ dữ liệu giữa Dart và nền tảng gốc thông qua App Groups (iOS) và SharedPreferences (Android), cho phép cập nhật widget từ ứng dụng Flutter của bạn. Hỗ trợ widget dạng văn bản đơn giản và giao diện Flutter phức tạp được hiển thị dưới dạng ảnh tĩnh cho màn hình gốc. Yêu cầu thiết lập gốc trong Xcode (Widget Extension target với Swift TimelineProvider) và Android Studio (AppWidgetProvider với XML...

Mạng HTTP an toàn và xử lý JSON cho ứng dụng Flutter với hỗ trợ phân tích nền. Triển khai các thao tác CRUD (GET, POST, PUT, DELETE) sử dụng gói http với xây dựng URL an toàn qua Uri.https() và xác thực mã trạng thái nghiêm ngặt. Cung cấp tuần tự hóa và giải tuần tự hóa JSON có kiểu mạnh mẽ sử dụng khớp mẫu Dart 3 với các hàm tạo factory và phương thức toJson(). Giảm tải phân tích JSON lớn sang các isolate nền qua compute() để ngăn giật lag giao diện trên các tải trọng vượt quá 16ms...

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

Các mẫu định tuyến mệnh lệnh và khai báo cho chuyển tiếp màn hình và deep linking trong Flutter. Bao gồm cả cách tiếp cận Navigator (mệnh lệnh, dựa trên ngăn xếp) và Router (khai báo, đồng bộ hóa URL) với hướng dẫn về thời điểm sử dụng từng phương pháp. Hỗ trợ deep linking trên iOS, Android và Web; bao gồm truyền dữ liệu qua constructor, đối số tuyến đường và giá trị trả về. Triển khai điều hướng lồng nhau cho các luồng nhiều bước (ví dụ: trình hướng dẫn thiết lập) với các bộ điều hướng con độc lập và chặn nút quay lại. Cung cấp...

Cấu hình ứng dụng Flutter cho các công nghệ hỗ trợ bao gồm trình đọc màn hình và điều hướng bàn phím. Bao gồm các nguyên tắc cơ bản về thiết kế giao diện: tỷ lệ phông chữ, độ tương phản màu sắc (4.5:1 cho văn bản thường, 3:1 cho văn bản lớn) và vùng chạm tối thiểu 48x48 pixel. Cung cấp các mẫu chú thích ngữ nghĩa sử dụng các widget Semantics, MergeSemantics và ExcludeSemantics để hiển thị cấu trúc cây widget cho các công cụ hỗ trợ. Bao gồm hướng dẫn cụ thể cho web về việc kích hoạt lớp ngữ nghĩa (bị tắt theo mặc định vì

Truy cập các API gốc dành riêng cho thiết bị trên Android, iOS và web từ mã Flutter. Hỗ trợ ba phương pháp tích hợp: FFI để liên kết trực tiếp với C/C++, Platform Channels (với Pigeon để đảm bảo an toàn kiểu dữ liệu) để gọi Kotlin/Swift/Objective-C, và Platform Views để nhúng các thành phần giao diện gốc. FFI sử dụng dart:ffi với tính năng biên dịch tự động thông qua các hook build.dart; yêu cầu ký hiệu extern "C" và gói package:ffigen để tạo liên kết Dart. Platform Channels cung cấp cơ chế nhắn tin bất đồng bộ giữa...

Xây dựng bố cục Flutter đáp ứng bằng cách kết hợp các widget, quản lý ràng buộc và thích ứng với kích thước màn hình. Cung cấp cây quyết định để chọn widget bố cục cơ bản phù hợp (Row, Column, Stack, ListView, GridView, CustomScrollView) dựa trên nhu cầu về chiều nội dung, chồng lấn, cuộn và khả năng đáp ứng. Áp dụng hệ thống ràng buộc cốt lõi của Flutter: ràng buộc truyền xuống, kích thước truyền lên, widget cha đặt vị trí; bao gồm các mẫu ConstrainedBox để ép buộc kích thước cụ thể. Triển khai...

Cấu hình ứng dụng Flutter để hỗ trợ nhiều ngôn ngữ và ngữ cảnh địa phương với thiết lập i18n phù hợp. Quản lý việc tiêm phụ thuộc (flutter_localizations, intl), cấu hình sinh mã (l10n.yaml), và tạo tệp dịch .arb với hỗ trợ cho placeholder, số nhiều, và biến thể khu vực. Cấu hình delegate widget gốc (MaterialApp, CupertinoApp, hoặc WidgetsApp) và xử lý các widget độc lập như TextField và CupertinoTabBar yêu cầu bọc Localizations rõ ràng. Hỗ trợ...

Hỗ trợ đa ngôn ngữ cho ứng dụng Flutter sử dụng tệp ARB và sinh mã. Cấu hình pubspec.yaml với flutter_localizations và intl, sau đó xác định tệp l10n.yaml để kích hoạt trình sinh mã gen-l10n. Lưu trữ chuỗi bản địa hóa trong tệp JSON Application Resource Bundle (.arb); tệp mẫu xác định tất cả các khóa, và các tệp theo ngôn ngữ cụ thể cung cấp bản dịch. Tích hợp bản địa hóa vào MaterialApp hoặc CupertinoApp bằng cách thêm AppLocalizations.delegate và các delegate dành riêng cho nền tảng vào...

Quản lý trạng thái tạm thời và trạng thái cấp ứng dụng trong Flutter bằng StatefulWidget, MVVM và Provider. Phân biệt giữa trạng thái tạm thời (widget đơn lẻ, quản lý bằng setState()) và trạng thái ứng dụng (chia sẻ giữa các widget, quản lý bằng MVVM và gói provider). Triển khai luồng dữ liệu một chiều với một nguồn sự thật duy nhất: Models xử lý dữ liệu, ViewModels quản lý trạng thái UI qua ChangeNotifier, Views tiêu thụ và hiển thị trạng thái. Cung cấp quy trình tuần tự để triển khai MVVM: định nghĩa Repository, tạo...

Khả năng tương tác gốc đa nền tảng cho ứng dụng Flutter trên Android, iOS và Web. Cung cấp logic quyết định để chọn chiến lược tích hợp tối ưu: FFI cho mã C/C++, Platform Channels cho API dành riêng cho hệ điều hành, Platform Views cho thành phần giao diện người dùng gốc và JS Interop cho web. Triển khai kiến trúc FFI hiện đại sử dụng build hooks (Flutter 3.38+) với biên dịch toolchain gốc và ràng buộc Dart. Hỗ trợ Platform Channels bất đồng bộ (MethodChannel) với Kotlin và Swift hoàn chỉnh...

Xác định và loại bỏ các điểm nghẽn hiệu suất trong ứng dụng Flutter thông qua phân tích có hệ thống và tối ưu hóa có mục tiêu. Cung cấp cây quyết định để chẩn đoán giật lag trên luồng UI, luồng Raster (GPU) hoặc cả hai, kèm theo các bản sửa lỗi cụ thể cho từng trường hợp. Bao gồm các mẫu kiểm thử tích hợp sử dụng traceAction và TimelineSummary để thiết lập đường cơ sở hiệu suất và đo lường ngân sách khung hình. Đề cập đến tối ưu hóa UI (bản địa hóa trạng thái, hàm tạo const, sử dụng StringBuffer) và tối ưu hóa Raster (thay thế Opacity...

Nhúng các chế độ xem gốc và nội dung web vào ứng dụng Flutter trên các nền tảng Android, iOS, macOS và web. Hỗ trợ Android Hybrid Composition (độ trung thực gốc) và Texture Layer (hiệu suất Flutter), iOS/macOS Hybrid Composition, và chế độ xem đa khung hình toàn trang hoặc nhúng trên web. Cung cấp các mẫu mã Dart và mã gốc hoàn chỉnh (Kotlin cho Android, Swift cho iOS/macOS, JavaScript cho web) với các mẫu đăng ký factory. Yêu cầu cây quyết định từ trước để xác định nền tảng mục tiêu và phương thức nhúng...

Tạo khung Flutter plugins với tương tác native, kênh phương thức, tích hợp FFI và kiến trúc liên hợp. Tạo plugin tiêu chuẩn, plugin FFI hoặc kiến trúc đa gói liên hợp dựa trên yêu cầu mã native và cấu trúc nhóm. Cấu hình giao diện vòng đời nhúng Android v2, môi trường native theo nền tảng (Kotlin/Java, Swift/Objective-C) và đăng ký kênh phương thức. Triển khai plugin liên hợp tách gói với giao diện ứng dụng và nền tảng cụ thể...

Tìm các bước kiểm tra thất bại trên một PR Flutter và xác định các URL nhật ký LUCI tương ứng.

Đo lường và tối ưu hóa kích thước gói ứng dụng Flutter trên nhiều nền tảng bằng các công cụ phân tích và chiến lược giảm thiểu. Tạo tệp JSON phân tích kích thước chi tiết qua cờ --analyze-size để xác định các gói, thư viện và tài nguyên lớn gây phình to. Trực quan hóa và so sánh các bản build bằng công cụ kích thước ứng dụng DevTools với tính năng kiểm tra treemap và chức năng diff để theo dõi tiến trình tối ưu. Hỗ trợ các nền tảng Android (APK/AAB), iOS và máy tính để bàn với quy trình làm việc dành riêng cho từng nền tảng, bao gồm cả ứng dụng iOS...

Điều hướng giữa các màn hình, xử lý deep linking và quản lý truyền dữ liệu trong ứng dụng Flutter. Đánh giá yêu cầu ứng dụng để chọn chiến lược định tuyến tối ưu: Navigator mệnh lệnh cho luồng đơn giản, Router / go_router khai báo cho deep linking và hỗ trợ web, hoặc Navigator lồng nhau cho các luồng phụ độc lập. Hỗ trợ truyền dữ liệu giữa các route thông qua đối số constructor (ưu tiên) hoặc RouteSettings với trích xuất đối số an toàn kiểu. Triển khai route có tên với MaterialApp.routes hoặc...

Tự động hóa thiết lập môi trường Linux cho phát triển Flutter desktop với các quy trình cài đặt phụ thuộc và xác thực. Bao gồm ba quy trình chính: cài đặt các phụ thuộc hệ thống (công cụ xây dựng, thư viện GTK, bộ công cụ C/C++), xác thực môi trường bằng flutter doctor, và chuẩn bị gói Snap để phân phối. Cung cấp các lệnh sẵn sàng chạy cho hệ thống Debian/Ubuntu và bao gồm thiết lập có điều kiện cho vùng chứa Linux ChromeOS. Bao gồm mẫu snapcraft.yaml cơ bản cho...

Tự động cấu hình môi trường macOS cho phát triển Flutter với thiết lập Xcode và CocoaPods. Hướng dẫn cài đặt và liên kết các công cụ dòng lệnh Xcode, chấp nhận giấy phép nhà phát triển, và quản lý phụ thuộc CocoaPods. Bao gồm quy trình xác thực sử dụng flutter doctor và flutter devices để xác nhận thiết lập môi trường đúng và nhận diện máy tính để bàn macOS. Cung cấp các bước khắc phục sự cố phổ biến bao gồm thiếu công cụ dòng lệnh, vấn đề đường dẫn CocoaPods, và hỗ trợ máy tính để bàn...

Thiết lập môi trường Windows tự động cho phát triển Flutter với SDK, công cụ và cấu hình nền tảng. Hướng dẫn cài đặt SDK, cấu hình PATH và xác thực phụ thuộc qua flutter doctor. Bao gồm thiết lập khối lượng công việc Visual Studio C++ để biên dịch desktop Windows và cấu hình trình giả lập/thiết bị Android. Cung cấp quy trình xây dựng bản phát hành nhị phân, đóng gói bản phân phối lưu trữ với các DLL cần thiết và tạo chứng chỉ tự ký để triển khai MSIX. Hướng dẫn từng bước...

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…

Triển khai các mẫu MVVM và Luồng dữ liệu một chiều cho quản lý trạng thái Flutter. Cung cấp logic quyết định để phân biệt giữa trạng thái tạm thời (trạng thái UI cục bộ qua setState) và trạng thái ứng dụng (trạng thái chia sẻ qua MVVM và gói provider). Thực thi sự phân tách trách nhiệm chặt chẽ: tầng dữ liệu (Repository là Nguồn sự thật duy nhất), tầng logic (ViewModel mở rộng ChangeNotifier), và tầng UI (các hàm thuần túy của trạng thái bất biến). Bao gồm các ví dụ mã hoàn chỉnh để triển khai mẫu MVVM...

Tạo unit test, widget test, integration test và plugin test cho ứng dụng Flutter với nhận thức về kiến trúc. Phân tích mã nguồn mục tiêu để xác định loại test phù hợp (unit cho logic, widget cho giao diện, integration cho đầu cuối, plugin cho mã gốc). Cung cấp cây quyết định và các mẫu triển khai từng bước cho từng loại test, bao gồm thiết lập fake/mock và chiến lược khẳng định. Bao gồm các mẫu mã sẵn sàng sử dụng cho ViewModels, Repositories, widget và luồng ứng dụng đầy đủ với...

Khung kiểm thử toàn diện cho ứng dụng Flutter trên các lớp kiểm thử đơn vị, widget và tích hợp. Bao gồm ba loại kiểm thử: kiểm thử đơn vị cho logic độc lập, kiểm thử widget cho thành phần giao diện, và kiểm thử tích hợp cho luồng đầu cuối trên thiết bị thật hoặc trình giả lập. Cung cấp các mẫu kiến trúc kiểm thử cho ViewModels, Repositories, Services và Views, nhấn mạnh việc sử dụng triển khai Fake thay vì mock để thiết kế kiểm thử sạch hơn. Bao gồm hướng dẫn kiểm thử plugin kết hợp kiểm thử Dart với native...

Di chuyển ứng dụng Flutter từ Material 2 sang Material 3 với các bản cập nhật thành phần và chủ đề tự động. Xác định và thay thế các thành phần Material 2 đã lỗi thời (FlatButton, RaisedButton, BottomNavigationBar, Drawer) bằng các phiên bản Material 3 tương ứng sử dụng cây quyết định. Chuyển đổi các thuộc tính chủ đề cũ sang ColorScheme của Material 3 và loại bỏ các tham chiếu màu nhấn đã lỗi thời (accentColor, accentColorBrightness, v.v.). Chuẩn hóa tất cả các chủ đề thành phần để sử dụng các lớp *ThemeData và đảm bảo useMaterial3:...

Các mẫu thiết kế kiểu dáng toàn cục và thích ứng cho ứng dụng Flutter sử dụng chủ đề Material 3. Bao gồm bảng màu Material 3, kiểu chữ, độ cao và các thay thế thành phần hiện đại (NavigationBar, FilledButton, SegmentedButton). Có chuẩn hóa chủ đề thành phần bằng các lớp *ThemeData và hướng dẫn loại bỏ các thuộc tính cũ như accentColor và AppBarTheme.color. Cung cấp các mẫu thích ứng theo nền tảng: hiển thị thanh cuộn, văn bản có thể chọn, thứ tự nút (Windows so với...).

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.

Kiến trúc tầng dữ liệu SQLite và offline-first cho ứng dụng Flutter với khả năng lưu trữ cục bộ có cấu trúc. Phân tách tầng dữ liệu thành các Service không trạng thái (lớp bao bọc dữ liệu thô) và các Repository logic nghiệp vụ (nguồn dữ liệu duy nhất cho mỗi thực thể miền). Triển khai đồng bộ offline-first: đọc trả về dữ liệu cache cục bộ ngay lập tức sau đó tìm nạp cập nhật từ xa; ghi lưu cục bộ trước, sau đó thử đồng bộ API với hàng đợi nền dự phòng. Bao gồm thiết lập SQLite với truy vấn tham số an toàn, Miền...

Kỹ năng này cung cấp các quy trình làm việc và phương pháp tốt nhất cụ thể cho kho lưu trữ genui.

Phỏng vấn người dùng một cách kiên trì về một kế hoạch hoặc thiết kế cho đến khi đạt được sự hiểu biết chung, giải quyết từng nhánh của cây quyết định. Sử dụng khi người dùng muốn…

Sử dụng kỹ năng này khi người dùng yêu cầu tích hợp gói genui và thiết lập một cuộc trò chuyện đơn giản với Firebase AI Logic.

Kiểm tra chính tả và ngữ pháp cho các tệp Markdown theo hướng dẫn của Google.

Xây dựng lại công cụ và CLI của Flutter. Sử dụng khi người dùng yêu cầu biên dịch, cập nhật, tái tạo hoặc xây dựng lại công cụ hoặc CLI của Flutter.

Trước khi commit các thay đổi hoặc review một PR cục bộ, điều quan trọng là phải stage site và đảm bảo mọi thứ hoạt động chính xác. Hãy làm theo các bước sau để stage site:

Sử dụng khi triển khai bất kỳ tính năng hoặc sửa lỗi nào, trước khi viết mã triển khai

Cập nhật và duy trì tệp llms.txt. Sử dụng khi người dùng muốn thêm phần, thêm liên kết, sửa thông tin hoặc xem lại tệp llms.txt.

Nâng cấp phiên bản trình duyệt (Chrome hoặc Firefox) trong các bài kiểm tra Flutter Web Engine và/hoặc Framework. Sử dụng khi được yêu cầu cập nhật hoặc nâng cấp Chrome hoặc Firefox lên phiên bản mới hơn…

Đảm bảo rằng các đoạn mã đã thay đổi được chạy đúng cách và đồng bộ hóa với các tệp Markdown.