Câu hỏi: PRM393 - Hiệu năng và triển khai

Công cụ 'Widget Inspector' trong DevTools cho phép các nhà phát triển visual hóa cây widget và các ràng buộc bố cục. Công cụ này giúp các nhà phát triển hiểu rõ hơn về cách widget được sắp xếp và bố trí trên màn hình. Nó cho phép họ xem xét và chỉnh sửa các ràng buộc bố cục, từ đó giúp cải thiện hiệu suất và tính thẩm mỹ của ứng dụng. Việc sử dụng công cụ này cũng giúp các nhà phát triển xác định và giải quyết các vấn đề liên quan đến bố cục và widget.

Khi sử dụng `UniqueKey()` cho mỗi item trong `ListView.builder` trong quá trình `build`, mục đích chính là để giúp Flutter xác định từng item là duy nhất. Điều này đặc biệt quan trọng khi bạn muốn giữ nguyên trạng thái cuộn và chọn lựa của người dùng sau khi item được xây dựng lại. Nếu không sử dụng `UniqueKey()`, Flutter sẽ coi mỗi item là mới và sẽ mất trạng thái cuộn và chọn lựa hiện tại. Vì vậy, việc sử dụng `UniqueKey()` là cần thiết để đảm bảo rằng trạng thái của người dùng không bị mất khi item được xây dựng lại.

Tùy chọn `flutter build apk --analyze-size` giúp phân tích kích thước của tệp APK hoặc AAB. Khi chạy lệnh này, Flutter sẽ tạo ra một bản phân tích chi tiết về kích thước của từng phần trong tệp APK hoặc AAB, bao gồm cả hình ảnh, mã nguồn, thư viện phụ thuộc, v.v. Điều này giúp bạn dễ dàng xác định được phần nào trong ứng dụng chiếm nhiều không gian nhất và có thể giúp bạn tối ưu hóa kích thước của ứng dụng để giảm thiểu thời gian tải xuống và tăng tốc độ hoạt động.

Tree shaking trong Dart/Flutter là một tính năng giúp loại bỏ mã không được sử dụng trong ứng dụng. Điều này có nghĩa là bất kỳ mã nào không được sử dụng trong mã nguồn sẽ không được bao gồm trong bản phát hành cuối cùng của ứng dụng. Điều này giúp giảm kích thước của ứng dụng và cải thiện hiệu suất. Khi bạn sử dụng tree shaking, Dart sẽ tự động loại bỏ mã không cần thiết, giúp bạn tiết kiệm thời gian và công sức. Điều này đặc biệt hữu ích khi bạn đang phát triển ứng dụng lớn và muốn đảm bảo rằng mã của bạn được tối ưu hóa.

BuildContext là một đối tượng quan trọng trong Flutter, giúp xác định vị trí của một widget trong cây widget. Nó cung cấp thông tin về vị trí của widget, bao gồm cả vị trí của cha, mẹ và các anh chị em của nó. BuildContext cũng giúp bạn truy cập vào các phương thức và thuộc tính của widget cha, chẳng hạn như kích thước, vị trí và trạng thái của widget. Điều này cho phép bạn xây dựng các ứng dụng phức tạp hơn và dễ dàng hơn bằng cách chia nhỏ ứng dụng thành các phần nhỏ hơn và dễ quản lý hơn.

Khi chạy ứng dụng Flutter, có hai chế độ chạy chính là 'Profile mode' và 'Release mode'. 'Profile mode' được sử dụng để kiểm tra hiệu suất và thử nghiệm với một số công cụ debug. Trong khi đó, 'Release mode' được tối ưu hóa hoàn toàn cho việc triển khai ứng dụng. Điều này có nghĩa là khi bạn chạy ứng dụng trong 'Release mode', ứng dụng sẽ được tối ưu hóa để chạy nhanh và ổn định hơn, nhưng đồng thời cũng sẽ mất đi một số tính năng debug và kiểm tra hiệu suất. Vì vậy, 'Profile mode' thường được sử dụng trong quá trình phát triển và thử nghiệm, trong khi 'Release mode' được sử dụng khi ứng dụng đã sẵn sàng để triển khai.

Trong Dart, một 'factory' constructor là một loại constructor đặc biệt. Nó cho phép constructor tạo ra một đối tượng mới hoặc một đối tượng con thay vì luôn tạo ra một đối tượng mới. Điều này có nghĩa là factory constructor có thể trả về một đối tượng đã tồn tại hoặc một đối tượng con thay vì luôn tạo ra một đối tượng mới. Điều này rất hữu ích khi bạn muốn tạo ra một đối tượng mới dựa trên một đối tượng đã tồn tại hoặc khi bạn muốn tạo ra một đối tượng con từ một đối tượng cha. Ví dụ, bạn có thể sử dụng factory constructor để tạo ra một đối tượng mới dựa trên một đối tượng đã tồn tại hoặc để tạo ra một đối tượng con từ một đối tượng cha.

Để xác định các thành phần nào đang đóng góp nhiều nhất vào kích thước APK cuối cùng của ứng dụng, bạn cần sử dụng lệnh được cho phép phân tích kích thước APK. Trong Flutter, lệnh này được gọi là "flutter build apk --analyze-size". Lệnh này sẽ giúp bạn thấy được các thành phần nào đang chiếm nhiều không gian nhất trong APK của bạn, từ đó bạn có thể tối ưu hóa và giảm thiểu kích thước APK để ứng dụng của mình trở nên mỏng nhẹ hơn và tải nhanh hơn.

Để xây dựng một ứng dụng Android dưới định dạng AAB (Google Play format), bạn cần sử dụng lệnh 'flutter build appbundle --release'. Đây là lệnh mặc định được sử dụng để tạo ra một tệp tin appbundle có thể được tải lên Google Play Store. Lệnh này sẽ xây dựng ứng dụng của bạn dưới dạng một tệp tin duy nhất có thể được phân phối trên các thiết bị Android khác nhau. Ngoài ra, bạn cũng có thể sử dụng lệnh này để tạo ra các bản dựng thử nghiệm trước khi tải lên Google Play Store.

Trong Dart, khi bạn muốn tạo một đối tượng từ một bản đồ dữ liệu, bạn thường sử dụng hàm tạo (constructor) đặc biệt. Hàm tạo này được gọi là 'factory' và nó được sử dụng để tạo một đối tượng từ một bản đồ dữ liệu. Ví dụ, nếu bạn có một lớp mô hình (model) tên là 'User', bạn có thể tạo một hàm tạo 'fromJson' để tạo một đối tượng 'User' từ một bản đồ dữ liệu. Hàm tạo này sẽ giúp bạn tạo một đối tượng 'User' từ một bản đồ dữ liệu mà không cần phải viết mã phức tạp. Điều này giúp bạn tạo và quản lý dữ liệu một cách dễ dàng và hiệu quả.

Hàm Flutter chịu trách nhiệm lấy widget gốc và gắn nó vào màn hình để xây dựng cây widget là runApp(). Hàm này được sử dụng để khởi tạo ứng dụng Flutter và gắn widget gốc vào màn hình. Nó được gọi là hàm entry point của ứng dụng, nơi mà ứng dụng bắt đầu xây dựng cây widget. runApp() nhận vào một widget gốc và sử dụng nó để xây dựng cây widget hoàn chỉnh. Ví dụ, bạn có thể sử dụng runApp() như sau: runApp(MyApp()). Trong ví dụ này, MyApp() là widget gốc và runApp() sẽ gắn nó vào màn hình để xây dựng cây widget.

Để tránh hiện tượng nhấp nháy (flickering) khi hiển thị hình ảnh, Flutter cung cấp một số phương thức giúp tải hình ảnh vào bộ nhớ trước khi chúng được hiển thị. Trong số các phương thức này, `precacheImage()` là một lựa chọn phổ biến. Phương thức này cho phép bạn tải hình ảnh vào bộ nhớ trước khi chúng được sử dụng, giúp giảm thiểu thời gian tải và cải thiện hiệu suất của ứng dụng. Điều này đặc biệt quan trọng khi bạn cần hiển thị nhiều hình ảnh cùng một lúc. Ngoài ra, `precacheImage()` cũng giúp giảm thiểu việc sử dụng tài nguyên hệ thống, giúp ứng dụng của bạn trở nên mượt mà hơn.

Widget phù hợp nhất để hiển thị danh sách tuyến tính có thể cuộn được, được xây dựng theo yêu cầu là ListView.builder. ListView.builder cho phép bạn xây dựng danh sách một phần tại một thời điểm, giúp tiết kiệm tài nguyên và tăng hiệu suất. Điều này đặc biệt hữu ích khi bạn cần hiển thị một danh sách dài nhưng chỉ cần hiển thị một phần của danh sách tại một thời điểm. Bạn có thể sử dụng ListView.builder để xây dựng danh sách các item có thể cuộn được, và nó sẽ tự động xây dựng các item khi cần.

Để phát hiện và phản hồi các tương tác chạm như nhấp và kéo mà không cung cấp phản hồi thị giác, bạn cần sử dụng widget Flutter phù hợp. Trong các lựa chọn trên, có một số widget có thể đáp ứng yêu cầu này. Tuy nhiên, widget chính xác nhất được sử dụng để phát hiện và phản hồi các tương tác chạm như nhấp và kéo mà không cung cấp phản hồi thị giác là GestureDetector. GestureDetector là một widget cơ bản trong Flutter, cho phép bạn phát hiện và phản hồi các tương tác chạm như nhấp, kéo, vuốt và xoay. Nó không cung cấp bất kỳ phản hồi thị giác nào, vì vậy bạn có thể sử dụng nó để tạo ra các tương tác chạm mà không cần phải thêm bất kỳ yếu tố thị giác nào.

Để đo lường jank (làm chậm) với DevTools Performance, bạn cần chọn chế độ chạy gần giống với hiệu suất sản xuất và phù hợp nhất. Trong các lựa chọn, chế độ Profile là gần giống nhất với hiệu suất sản xuất và phù hợp để đo lường jank.

Để đo lường 'jank' hoặc tốc độ khung hình (FPS) của một ứng dụng Flutter, bạn cần sử dụng công cụ phù hợp. Trong số các lựa chọn trên, công cụ phù hợp nhất là Performance Timeline in DevTools. Công cụ này cho phép bạn xem xét và phân tích hiệu suất của ứng dụng Flutter, bao gồm cả tốc độ khung hình. Bạn có thể sử dụng nó để xác định các khu vực cần cải thiện hiệu suất và tối ưu hóa ứng dụng của mình. Ngoài ra, công cụ này còn giúp bạn đo lường thời gian thực hiện các tác vụ và xác định nguyên nhân gây ra sự chậm trễ.

Để di chuyển focus sang trường nhập liệu tiếp theo khi người dùng nhấn phím 'Enter' hoặc 'Next' trên bàn phím, bạn cần sử dụng thuộc tính widget nào?

Khi gọi trực tiếp `setState` bên trong hàm `build()`, có thể dẫn đến vòng lặp vô hạn. Điều này xảy ra vì khi `build()` được gọi, nó sẽ tạo ra một bản sao mới của widget, sau đó gọi lại hàm `build()` để tạo ra một bản sao mới khác. Nếu trong hàm `build()` này, bạn gọi `setState()`, nó sẽ tạo ra một bản sao mới khác của widget và gọi lại hàm `build()` để tạo ra một bản sao mới khác nữa. Vòng lặp này có thể tiếp tục mãi mãi cho đến khi ứng dụng bị treo. Vì vậy, để tránh vòng lặp vô hạn này, bạn nên gọi `setState()` bên ngoài hàm `build()`.

Khi đo FPS (Frames Per Second) hoặc jank trong Profile/Release (thiết lập Profile/Release) thay vì Debug, có một số lý do quan trọng. Trước hết, thiết lập Debug thường đi kèm với các kiểm tra và chi phí tính toán (assertions và overhead) không phản ánh hiệu suất thực tế của ứng dụng. Điều này có nghĩa là hiệu suất đo được trong Debug không phải là hiệu suất thực tế mà người dùng sẽ gặp phải. Ngoài ra, Profile/Release thường được tối ưu hóa để đo hiệu suất chính xác hơn, trong khi Debug có thể có các tính năng khác như gỡ lỗi và theo dõi lỗi.

Widget Inspector trong DevTools giúp bạn xem xét và kiểm tra các widget trong ứng dụng Android. Nó cho phép bạn xem xét cấu trúc cây widget, các ràng buộc và sự cố tràn. Điều này giúp bạn dễ dàng xác định và sửa lỗi trong ứng dụng của mình. Widget Inspector cũng cho phép bạn xem xét các thuộc tính và hành vi của các widget, giúp bạn hiểu rõ hơn về cách chúng hoạt động. Với Widget Inspector, bạn có thể dễ dàng kiểm tra và sửa lỗi trong ứng dụng của mình, từ đó cải thiện trải nghiệm người dùng.