Cấu trúc một chương trình Flutter/Dart

Để lập trình được bằng Flutter thì điều quan trọng là trước tiên bạn phải thành thạo Dart. Bởi xét cho cùng thì Flutter chỉ là một bộ công cụ (toolkit) sử dụng ngôn ngữ Dart để phát triển các ứng dụng đa nền tảng (cross platform).

Dart là ngôn ngữ lập trình được tối ưu hóa cho ứng dụng khách (client-optimized) để phát triển một cách nhanh chóng các ứng dụng trên mọi nền tảng (Android, iOS, Web và Desktop). Mục tiêu của nó là cung cấp ngôn ngữ lập trình hiệu quả nhất để phát triển đa nền tảng, kết hợp với nền tảng thời gian chạy thực thi linh hoạt cho các khung ứng dụng.

Xem thêm: Cài đặt Flutter với Visual Studio Code

1. Cấu trúc chung của một chương trình Flutter/Dart

Một chương trình viết bằng Dart ít nhất phải có một hàm main(), như ví dụ dưới đây.

main() {
  print("Hello World!");
}

Chương trình trên có sử dụng hàm print() – là một hàm được xây dựng sẵn của Dart, có chức năng in xâu nằm trong cặp ngoặc đơn ra ngoài màn hình. Kết quả thu được là dòng chữ Hello World! được in ra trên màn hình Console.

Hàm main() là một hàm đặc biệt, nó báo cho trình biên dịch Dart biết điểm bắt đầu để thực hiện chương trình. Hàm main() có thể được đặt ở vị trí đầu tiên hoặc cuối cùng của tệp mã nguồn Dart, nhưng khi thực thi nó sẽ được tìm và thực thi đầu tiên.

Ngoài ra thì một chương trình viết bằng Dart còn có các biến, các hàm, các câu chú thích, các câu lệnh điều khiển luồng, các lớp, các thư viện… Ví dụ sau là chương trình tính toán và in ra số Fibonacci thứ 20.

void main() {
  var i = 20;
  print(fibonacci(i));
}

int fibonacci(int n) {
  if (n < 2) {
    return n;
  } else {
    return fibonacci(n - 1) + fibonacci(n - 2);
  }
}

Các quy ước của chương trình sử dụng ngôn ngữ Dart:

Dart có phân biệt chữ HOA và chữ thường
Cú pháp của Dart gần giống với Java, JavaScript, Python, C#
Mỗi câu lệnh của Dart kết thúc bằng dấu chấm phảy ;
Khác với Python, các lệnh trong Dart được viết mà các thành phần không bị ảnh hưởng bởi khoảng trắng
Một khối lệnh (nhiều câu lệnh, câu lệnh hợp thành) được bao trong cặp ngoặc móc { }
Chú thích trên một dòng được viết sau 2 dấu gạch chéo //
Chú thích trên nhiều dòng được đặt trong cặp dấu /* và */
Là ngôn ngữ lập trình hướng đối tượng, mọi thứ trong Dart đều là đối tượng (object)
Dart không có từ khóa public, private, protected khi khai báo phương thức, thuộc tính lớp. Nếu thuộc tính, tên lớp bắt đầu bằng _ thì hiểu đó là private
Các định danh (tên biến, tên hàm, tên lớp …) bắt đầu bằng chữ (a-z A-Z) hoặc _, theo sau là chuỗi chữ có thể kế hợp với số

Các từ khóa của Dart (Keywords in Dart)

keywords in dart

abstract ²	else	import ²	super
as ²	enum	in	switch
assert	export ²	interface ²	sync ¹
async ¹	extends	is	this
await ³	extension ²	library ²	throw
break	external ²	mixin ²	true
case	factory ²	new	try
catch	false	null	typedef ²
class	final	on ¹	var
const	finally	operator ²	void
continue	for	part ²	while
covariant ²	Function ²	rethrow	with
default	get ²	return	yield ³
deferred ²	hide ¹	set ²
do	if	show ¹
dynamic ²	implements ²	static ²

Các từ có chỉ số trên 1 là các từ khóa theo ngữ cảnh , chỉ có nghĩa ở những nơi cụ thể. Chúng là số nhận dạng hợp lệ ở mọi nơi.
Các từ có chỉ số trên 2 là số nhận dạng được tích hợp sẵn . Để đơn giản hóa nhiệm vụ chuyển mã JavaScript sang Dart, các từ khóa này là số nhận dạng hợp lệ ở hầu hết các vị trí, nhưng chúng không thể được sử dụng làm tên lớp hoặc tên loại hoặc làm tiền tố nhập.
Các từ có chỉ số trên 3 là các từ dành riêng hạn chế liên quan đến hỗ trợ không đồng bộ . Bạn không thể sử dụng awaithoặc yieldnhư một định danh trong bất kỳ cơ quan chức năng đánh dấu async, async*hoặc sync*.

Tất cả các từ khác trong bảng là các từ dành riêng , không thể là số nhận dạng.

2. Cách chạy chương trình Flutter/Dart trên Windows

Dưới đây, O2 Education xin giới thiệu cách chạy một chương trình viết bằng ngôn ngữ Dart trên Windows.

2.1. Chạy chương trình Dart online

Cách dễ dàng nhất để học lập trình Dart (và từ đó là lập trình Flutter) là sử dụng các trình biên dịch Dart online. Có rất nhiều website cung cấp dịch vụ này, nhưng đơn giản nhất là DartPad

Bạn truy cập DartPad tại địa chỉ https://dartpad.dev
Gõ mã code vào khung bên trái và bấm nút RUN (hoặc gõ tổ hợp phím tắt Ctrl + Enter), kết quả thực thi sẽ hiện ở khung bên phải.
Khung phía dưới bên phải là phần tài liệu (giải thích, cách sử dụng…) cho các hàm, thủ tục của ngôn ngữ lập trình Dart.
Ở phía trên bên phải của thanh công cụ là menu Samples gồm các ví dụ Dart mẫu để bạn tham khảo.

cách chạy biên dịch chương trình dart online

Các phím tắt của DartPad

Run (Chạy chương trình): Ctrl+Enter
Documentation (Hiển thị tài liệu/trợ giúp): F1
Quick fix (Tự động sửa nhanh): Alt+Enter
Completion (Tự động hoàn thiện lệnh – gợi ý hoàn thiện câu lệnh): Ctrl+Space
Format (Định dạng lại code cho đúng chuẩn): Shift+Ctrl+F

cac phim tat cua dartpad

2.2. Chạy chương trình Dart với Visual Code

Khi bạn cài đặt phần mở rộng (extentions) Flutter trong VS Code thì phần mở rộng Dart cũng được mặc định cài luôn (như trong hình vẽ của tôi có cài đặt các gói mở rộng là Dart, Flutter, Jupyter và Python).

cau truc chuong trinh dart

Sau khi cài đặt thành công, để tạo mới và chạy một chương trình Dart trong VS Code bạn thực hiện các bước sau:

Bấm tổ hợp phím tắt Ctrl + Shift + P và gõ Dart để tìm lệnh Dart: New Project để tạo mới một dự án viết bằng Dart.
Lựa chọn tiếp Console Application để tạo chương trình Dart với giao diện dòng lệnh (console)

tao moi du an dart trong vs code

Chọn tiếp thư mục để lưu dự án Dart và đặt tên cho chương trình. Ở đây tôi lưu tên dự án là heloo và lưu ở Desktop. Lúc này VS Code sẽ tạo sẵn cho chúng ta các thư mục và file mặc định như hình sau:

chuong trinh dart trong vs code

Để chạy chương trình Dart này, chúng ta bấm vào chữ Run, để gỡ lỗi chương trình chúng ta bấm vào Debug hoặc các nút hình tam giác ở góc trên bên phải. Kết quả thực thi chương trình được hiện ở khung phía dưới.

cach chay chuong trinh dart trong vs code

Bài 1. Cấu trúc một chương trình Flutter/Dart