Xây dựng ứng dụng Flutter tính chỉ số BMI

Hãy bắt đầu viết ứng dụng Flutter đầu tiên bằng phần hướng dẫn xây dựng ứng dụng Flutter tính chỉ số BMI (Calculate Your BMI) tại Team Việt Dev.

Flutter là một SDK mã nguồn mở do Google phát triển, được sử dụng để tạo ra các ứng dụng dành cho thiết bị di động trên nền tảng iOS và Android. Flutter giúp bạn dễ dàng xây dựng các ứng dụng với giao diện thiết kế đẹp mang phong cách Material Design.

Flutter được viết bằng Dart. Dart là ngôn ngữ lập trình hướng đối tượng, giống như Java, C #, JavaScript hoặc bất kỳ ngôn ngữ OOP nào khác thì mã hóa trong Dart cũng tương tự.

Để thực hiện xây dựng ứng dụng Flutter tính chỉ số BMI thì yêu cầu bạn đã cài đặt Flutter và cài đặt Android Studio thành công. Bạn có thể tham khảo thêm phần hướng dẫn cài đặt Flutter trên Windows, hướng dẫn cài đặt Flutter trên Android Studio.

Để tìm hiểu về Flutter chúng ta sẽ thử nghiệm xây dựng ứng dụng đơn giản tính chỉ số BMI. Ứng dụng tính chỉ số BMI sẽ đánh giá mức độ gầy hay béo của một người.

Xây dựng ứng dụng Flutter tính chỉ số BMI

Tải mã nguồn tại đây:

Link 1 Link 2

Bước 1: Khởi động Android Studio lên, tạo một ứng dụng Flutter đơn giản và khởi chạy với ứng dụng Flutter đầu tiên của bạn bằng cách chọn mục File > New Flutter Project.

Xây dựng ứng dụng Flutter tính chỉ số BMI

Sau đó chọn mục Flutter application làm loại dự án và nhấn Next.

Xây dựng ứng dụng Flutter tính chỉ số BMI

Nhập tên dự án chẳng hạn bmi và nhấn Next để qua bước kế tiếp.

Xây dựng ứng dụng Flutter tính chỉ số BMI

Tiếp theo bạn khai báo thêm thông tin Company domain và Package name rồi nhấn Finish để hoàn thành khởi tạo chương trình Flutter đầu tiên.

Xây dựng ứng dụng Flutter tính chỉ số BMI

Bước 2: Bây giờ chúng ta sẽ thiết kế giao diện người dùng với 2 trường để nhập dữ liệu chiều cao và cân nặng, cùng với 1 nút tính kết quả chỉ số BMI. Bạn cần thay thế nội dung của tập tin lib/main.dart bằng đoạn mã sau đây:

Bước 3: Hãy bắt đầu khởi chạy ứng dụng bằng cách nhấp vào mũi tên màu xanh lá cây trong IDE. Bạn sẽ thấy đầu ra Android hoặc iOS tùy thuộc vào thiết bị của bạn.

Xây dựng ứng dụng Flutter tính chỉ số BMI

Tải mã nguồn tại đây:

Link 1 Link 2

Lời kết: Trong thời gian tới Team Việt Dev sẽ tiếp tục chia sẻ thêm nhiều bài viết về xây dựng ứng dụng di động trên Android và iOS bằng Flutter miễn phí đến bạn đọc, các bạn nhớ theo dõi kênh để có được những chia sẻ mới nhất.

(Tác giả: Team Việt Dev)

Bình luận