Bài 2. Bắt đầu - xây cấu trúc
I.Khởi tạo dự án
Sau khi khởi tạo dự án Flutter với Platform là Android và iOS ta có cấu trúc ban đầu như sau:
II.Bố cục lại các thư mục trong dự án
Chúng ta có cấu trúc cơ bản như sau:
- Base_network: Là thư mục mà chúng ta sẽ triển khai phần kết nối từ App xuống BE
- Base_styles: Triển khai base cho colors, fonts, icons
- Features: thư mục chứa các cụm tính năng/giao diện. Ví dụ features chứa màn home, detail, …
- Models: Cấu trúc các object trong dự án
- Utils: các class utils phục vụ cho những việc chung
Thêm các tài nguyên cần dùng như font, icon vào assets và liệt kê trong pubspec.yaml
III.Định nghĩa các màn hình
Trong features ta thêm màn home và detail
Với nội dung như sau
Để tiện lợi cho việc quản lý các màn hình, chúng ta thêm file route_generator.dart trong lib, ở đây chúng ta sẽ định nghĩa các màn hình, kèm theo tên tương ứng
Và ở trong main.dart, MyApp lúc này return MaterialApp với tham số
onGenerateRoute: RouteGenerator.generateRoute,
initialRoute: '/' (Định nghĩa màn hình khởi tạo khi app được mở chính là màn home)
IV.Tổng kết
Qua bài này chúng ta đã xây dựng được cấu trúc cơ bản của dự án, khai báo tài nguyên, quản lý tổng quát danh sách các màn hình trong ứng dụng.