Bài đăng

Đang hiển thị bài đăng từ tháng 10 5, 2021

Flutter 4.4 - Column SingleChildScrollView , ListView, ListView.builder()

Hình ảnh
SingleChildScrollView dùng để cuộn column Column và SingleChildScrollView:  ListView: có thể cuộn mà ko cần SingleChildScrollView  ListView.builder(): So sánh các 3 loại cuộn trên: ListView tương đương với Column + SingleChildScrollView: đều có thể cuộn, nhưng sẽ load hết các item lên view => hiệu năng kém (giống ListView trong android) ListView.builder(); chỉ load những item hiển thị lên màn hình  => tăng hiệu năng (Giống vs RecyclerView trong android)

Flutter 4.3 - String Interpolation ${expression}

Hình ảnh
 - Bạn có thể lấy giá trị của một biểu thức bên trong một chỗi (phép nội suy - interpolation)  bằng cách sử dụng  ${expression} Example: var greeting = "Hello"; var person = "Rohan"; print("${greeting}, ${person}!"); // prints "Hello, Rohan!" int x = 5; print("There are ${x < 10 ? "a few" : "many"} people in this room"); Note: để sử dụng dấu $ trong flutter mà ko bị hiểu là interpolation : print('\$ 64') => prints "$ 64"

Flutter 4.2 - Column, Row, Container

Hình ảnh
 1, Trục của column và row: Ex: mainAxisAlignment: MainAxisAlignment. spaceAround , crossAxisAlignment: CrossAxisAlignment. stretch , 2, Sự khác biệt giữa container và column, row: - 1 container chỉ có thể chứa 1 widget (text, button,...), còn column, row có thể chứa nhiều widget - Sử dụng container thì có thể custom đc nhiều style (viền, bo, margin, padding, ...) còn column, row thì không - Container có thể điều chỉnh width, height dễ dàng,... còn column, row luôn chiếm width, height nhiều nhất có thể => Tóm lại: Dùng container khi cần custom style, align Dùng row/ column khi nhiều widgets cạnh nhau Kết hợp cả container, column, row để đc cả 2 yếu tố trên :lmao