Trong chương này, chúng ta hãy thảo luận về kiến trúc của Flutter framework.
Vật dụng
Mục lục
Khái niệm cốt lõi của khung Flutter là Trong Flutter, Mọi thứ đều là một tiện ích con. Widget về cơ bản là các thành phần giao diện người dùng được sử dụng để tạo giao diện người dùng của ứng dụng.
Trong Chớp cánh, ứng dụng tự nó là một widget. Ứng dụng là tiện ích con cấp cao nhất và giao diện người dùng của nó được xây dựng bằng cách sử dụng một hoặc nhiều tiện ích con (widget), những tiện ích này lại xây dựng bằng cách sử dụng các tiện ích con của nó. Đây khả năng kết hợp tính năng này giúp chúng tôi tạo giao diện người dùng ở mọi mức độ phức tạp.
Ví dụ: cấu trúc phân cấp tiện ích con của ứng dụng hello world (được tạo trong chương trước) như được chỉ định trong sơ đồ sau:
Dưới đây là những điểm đáng chú ý sau:
Ứng dụng của tôi là tiện ích do người dùng tạo và nó được xây dựng bằng tiện ích gốc Flutter, MaterialApp.
MaterialApp có thuộc tính trang chủ để chỉ định giao diện người dùng của trang chủ, lại là một tiện ích do người dùng tạo, MyHomePage.
MyHomePage đang xây dựng bằng cách sử dụng một widget gốc khác, Khung
Khung có hai thuộc tính – thân hình và appBar
thân hình được sử dụng để chỉ định giao diện người dùng chính của nó và appBar được sử dụng để chỉ định giao diện người dùng tiêu đề của nó
Giao diện người dùng tiêu đề đang xây dựng bằng cách sử dụng tiện ích con gốc rung động, AppBar và Giao diện người dùng nội dung đang xây dựng bằng cách sử dụng Trung tâm tiện ích con.
Các Trung tâm widget có một thuộc tính, Đứa trẻđề cập đến nội dung thực tế và nó được xây dựng bằng cách sử dụng Chữ phụ tùng
Cử chỉ
Các widget Flutter hỗ trợ tương tác thông qua một widget đặc biệt, GestureDetector. GestureDetector là một tiện ích con vô hình có khả năng nắm bắt các tương tác của người dùng như chạm, kéo, v.v., của tiện ích con của nó. Nhiều widget gốc của Flutter hỗ trợ tương tác thông qua việc sử dụng GestureDetector. Chúng tôi cũng có thể kết hợp tính năng tương tác vào tiện ích con hiện có bằng cách soạn thảo nó với GestureDetector tiện ích con. Chúng ta sẽ tìm hiểu các cử chỉ riêng trong các chương sắp tới.
Khái niệm về Nhà nước
Hỗ trợ tiện ích con Flutter Bảo trì trạng thái bằng cách cung cấp một tiện ích đặc biệt, StatefulWidget. Widget cần được bắt nguồn từ StatefulWidget widget để hỗ trợ bảo trì trạng thái và tất cả các widget khác phải bắt nguồn từ StatefulWidget. Các widget Flutter là hồi đáp nhanh bằng tiếng bản địa. Điều này tương tự với phản ứng và StatefulWidget sẽ được tự động hiển thị bất cứ khi nào trạng thái bên trong của nó được thay đổi. Kết xuất được tối ưu hóa bằng cách tìm ra sự khác biệt giữa giao diện người dùng tiện ích con cũ và mới và chỉ hiển thị những thay đổi cần thiết
Lớp
Khái niệm quan trọng nhất của Flutter framework là framework được nhóm thành nhiều loại về mức độ phức tạp và được sắp xếp rõ ràng theo các lớp giảm dần độ phức tạp. Một lớp đang được xây dựng bằng cách sử dụng lớp cấp tiếp theo ngay lập tức của nó. Lớp trên cùng là tiện ích con dành riêng cho Android và iOS. Lớp tiếp theo có tất cả các widget gốc. Lớp tiếp theo là Lớp kết xuất, đây là thành phần trình kết xuất cấp thấp và hiển thị mọi thứ trong ứng dụng Flagship. Các lớp đi xuống mã cụ thể của nền tảng cốt lõi
Tổng quan chung về một lớp trong Flutter được chỉ định trong sơ đồ dưới đây:
Những điểm sau đây tóm tắt kiến trúc của Flutter:
Trong Flutter, mọi thứ đều là một widget và một widget phức tạp bao gồm các widget đã có sẵn.
Các tính năng tương tác có thể được kết hợp bất cứ khi nào cần thiết bằng cách sử dụng GestureDetector tiện ích con.
Trạng thái của một widget có thể được duy trì bất cứ khi nào cần thiết bằng cách sử dụng StatefulWidget tiện ích con.
Flutter cung cấp thiết kế phân lớp để bất kỳ lớp nào cũng có thể được lập trình tùy thuộc vào mức độ phức tạp của nhiệm vụ.
Chúng ta sẽ thảo luận chi tiết về tất cả các khái niệm này trong các chương sắp tới.