Flutter 2.5 - First App | Building a Widget Tree

 Hello word :D

- Import thư viện material package (material.dart là 1 thư viện trong sdk flutter)

- Như đã đề cập: main() là 1 hàm đặc biệt, dart sẽ tự động tìm class main.dart sau đó chạy hàm này đầu tiên.

- runApp(); thực hiện các công việc hậu trường :v (lấy các widget mà develop draw để hiển thị lên màn hình) nó là function thư viện flutter cung cấp :D. 

- build: chịu trách nhiệm return về 1 widget để func runApp 'take it'

- Trong flutter họ có định nghĩa sẵn cho chúng ta vài cái widget để sài cho tiện

Trong ví dụ là MaterialApp là widget kế thừa các kiến trúc theo chuẩn design marterial, Scaffold là widget bao chứa toàn bộ code chúng ta vào trong nó ( phủ đầy giao diện chúng ta).

Nói thì hơi mông lung như 1 trò đùa 😄 => Bạn nào code HTML rồi thì cứ tưởng tượng cái thẻ marterial giống như là thẻ html có thẻ head rồi nhúng css của marterial vào, còn thẻ scaffold là như thẻ body của html vậy thôi.

Trong 1 thẻ widget thì sẽ có các Thộc tính đi kèm, có thể các thuộc tính đi kèm lại truyền thêm các widget, giống như bạn xây dùng 1 thẻ Widget cho riêng bạn, tuy kế thừa từ widget nhưng cũng có thể có các thuộc tính đi kèm là đối tượng widget được truyền vào 😄 

ví dụ trên là thẻ MaterialApp có thuộc tính title truyền vào là 1 text, và thuộc tính theme truyền vào là 1 ThemeData. Nhưng còn thẻ Scaffold thì co thuộc tính body truyền vào 1 widget Center

Code

Result

Xấu vđ :)) 

-----------------------

 Code

Result

Đẹp hơn tý òi :v