verticalDirection trong Column - Tự Học Flutter

 

`verticalDirection` là một thuộc tính trong `Column` (cũng như `Row`) trong Flutter, dùng để xác định hướng sắp xếp các widget con dọc theo trục chính (trục dọc).

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

1. VerticalDirection.down

   - Các widget con sẽ được sắp xếp từ trên xuống dưới.

   - Code : Trong trường hợp này, các widget con sẽ được sắp xếp từ trên xuống dưới (đây cũng là giá trị mặc định của `verticalDirection`).

Column(

        verticalDirection: VerticalDirection.down,

        children: [

          Container(color: Colors.red, height: 50, width: 50,),

          Container(color: Colors.red, height: 50, width: 50,),

          Container(color: Colors.red, height: 50, width: 50,),

        ],

      )

   - Kết quả :

2. VerticalDirection.up

   - Các widget con sẽ được sắp xếp từ dưới lên trên.

  - Code : 

Column(

        verticalDirection: VerticalDirection.up,

        children: [

          Container(color: Colors.red, height: 50, width: 50,),

          Container(color: Colors.red, height: 50, width: 50,),

          Container(color: Colors.red, height: 50, width: 50,),

        ],

      )

Tổng Kết

- `VerticalDirection.down` : Sắp xếp các widget con từ trên xuống dưới.

- `VerticalDirection.up` : Sắp xếp các widget con từ dưới lên trên.

Cách sử dụng thuộc tính `verticalDirection` sẽ phụ thuộc vào thiết kế giao diện và yêu cầu cụ thể của ứng dụng Flutter.

Trần Đức Hiếu học tập tốt nhen !