mainAxisAlignment trong column - Tự học Flutter

 

` Tiếp tục cho children của column, MainAxisAlignment` là một thuộc tính trong `Column` (cũng như `Row`) trong Flutter, dùng để sắp xếp các widget con theo trục chính của `Column` (trục dọc). Dưới đây là cách dùng và tất cả các giá trị có thể của `MainAxisAlignment`:

Cách Dùng :

Khi tạo một `Column`, bạn có thể xác định thuộc tính `mainAxisAlignment` để sắp xếp các widget con. 

Đây là một ví dụ:

Các Giá Trị của `MainAxisAlignment`

1. MainAxisAlignment.start

   - Các widget con sẽ được sắp xếp bắt đầu từ đầu trục chính (trục dọc).

    - Code : 

    - Kết quả : 

    

2 : MainAxisAlignment.end

   - Các widget con sẽ được sắp xếp bắt đầu từ cuối trục chính (trục dọc).

    - Code :

    - Kết quả :

3. MainAxisAlignment.center

   - Các widget con sẽ được sắp xếp ở giữa trục chính (trục dọc).

   - Code : 

    - Kết quả : 

4. MainAxisAlignment.spaceBetween

   - Các widget con sẽ được phân bố sao cho khoảng cách giữa chúng là bằng nhau, với khoảng cách đầu và cuối bằng 0.

   - Code : 

    - Kết quả : 

5. MainAxisAlignment.spaceAround

   - Các widget con sẽ được phân bố sao cho khoảng cách giữa chúng là bằng nhau, với khoảng cách đầu và cuối bằng một nửa khoảng cách giữa các widget.

  - Code : 

  - Kết quả :

6. MainAxisAlignment.spaceEvenly

   - Các widget con sẽ được phân bố sao cho khoảng cách giữa chúng, cũng như khoảng cách đầu và cuối, là bằng nhau.

    - Code :

    - Kết quả : 

Mỗi giá trị của `MainAxisAlignment` sẽ thay đổi cách các widget con được sắp xếp và khoảng cách giữa chúng trong `Column`.

Chúc bạn một ngày vui vẻ !