Flutter cho phép phát triển ứng dụng chạy trên iOS, Android, và web chỉ với một codebase. Bài viết này hướng dẫn bạn cách tối ưu mã để tạo ứng dụng đa nền tảng nhanh chóng, lý tưởng cho người mới học Flutter.
Bước 1: Kiểm Tra Nền Tảng với Platform
Dùng Platform để điều chỉnh logic:
if (Platform.isAndroid) {
print("Running on Android");
} else if (Platform.isIOS) {
print("Running on iOS");
}
Thủ thuật: Dùng kIsWeb để xử lý riêng cho web.
Bước 2: Adaptive Layout
Sử dụng LayoutBuilder để điều chỉnh UI:
LayoutBuilder(
builder: (context, constraints) {
return constraints.maxWidth > 600
? Row(children: [Text("Wide layout")])
: Column(children: [Text("Narrow layout")]);
},
)
Thủ thuật: Kết hợp MediaQuery để tinh chỉnh kích thước.
Bước 3: Tối Ưu Hình Ảnh
Dùng Image.asset với cấu hình đúng:
flutter:
assets:
- assets/images/
Thủ thuật: Nén ảnh trước khi thêm vào dự án để giảm kích thước APK.
Bước 4: Kiểm Tra Đa Nền Tảng
Chạy lệnh:
flutter run -d all
Thủ thuật: Dùng emulator iOS và Android để kiểm tra đồng thời.
Kết luận
Chỉ trong một ngày, bạn có thể tạo ứng dụng Flutter chạy mượt trên mọi nền tảng. Để học cách phát triển đa nền tảng chuyên sâu, hãy tham gia khóa học Flutter toàn diện tại Devrun!