Theo tư tưởng cá nhân của mình thì khi tìm hiểu 1 cái gì đấy bạn cần làm sao để có 1 thành quả gì nhanh nhất có thể. Và việc code có thành quả 1 cái app hello word cũng là điều nên làm.

Bài 1 - tạo ứng dụng flutter đầu tiên

2021-06-06 1950 lượt xem

Bạn cần cài flutter xong rồi đã ( JDK, android studio, flutter ) và  chạy flutter doctor không còn lỗi

1 Khởi tạo project flutter

Nếu bạn đã cài đặt flutter thành công chúng ta đã có thể tạo mới một project Flutter :

  1. Vào File -> New -> New Flutter Project (nó ở dòng thứ 2) -> Chọn cái đầu tiên là Flutter Application -> ** ** , chúng ta sẽ được một bảng tùy chọn như này :

 

  1. Cần phải lưu ý ở chỗ Flutter SDK path , các bạn nhớ úc nãy chúng ta đã download file SDK và giải nén nó. Đây là lúc cần dùng, hãy chọn icon [...] và trỏ tới SDK flutter mà chúng ta đã giải nén lúc nãy. Những field còn lại thì tự field theo ý mình thôi.

trong đó: 1. tên project, là tên folder ứng dụng, 2. thư mục sdk, 3. nơi android studio sẽ lưu trữ project của các bạn.

bấm next, đến điền cái package name, nhớ điền cho đàng hoàng để sau này khi đưa lên google play đỡ nhọc nhằn, còn nếu để học thì kệ bà nó điền đại thôi. 

Và như vậy là đã set up xong, chúng ta cùng bắt đầu viết một project nào !

mới vào chúng ta có được render cho 1 đống code tùm lum, đọc ngu người thật sự. kệ nó đừng quan tâm.

2 mở máy ảo để có thể build code mà không cần máy thật

chúng ta sẽ bật máy ảo lên bằng android. 

2.2.1 nếu chưa có máy ảo thì tạo thôi

bạn bấm vào chỗ nào mà hover vô có chữ ADV á, là cái trình tạo máy ảo của android studio đó. Sau đó Để tạo thiết bị mới bấm vào Create Virtual Device ...

Trong cửa sổ Select hardware này, bạn chọn phần cứng muốn tạo máy ảo, sau khi chọn bấm Next

Ở đây bạn chọn bản Android nào muốn cài vào máy ảo, có 3 tab để bạn lựa chọn: Recommended - danh sách khuyến nghị, x86 image - Android chạy dựa trên kiến trúc chip x86, Other - các bản Androi khác. Bạn chọn lấy một phiên bản Android (nếu bản chọn có chữ Download thì bấm vào để tải về). Tiếp theo bấm Next, đặt một tên cho thiết bị đễ dễ quản lý

Như vậy bạn đã có một máy ảo, bạn có thể chạy thử ngay bằng cách bấm vào ký hiệu play trong trình AVD Manager

2.2 Run code flutter thoai

kiếm cái biểu tượng trong hình có chữ run là bấm vào để chạy đó 

sau khi bấm run thì mình được cái kết quả như này nè quí zị 😄 

 

bạn thấy đó, mình build ứng dụng trên ios giả lập cũng chạy được luôn 😄 

Bài này dài rồi đến đây thôi, bài sau chúng ta sẽ tìm hiểu trọng tâm của widget trong flutter