How does flexDirection: 'row' affect child layout?

4 phương ánCó giải thích

Các phương án trả lời

Chọn một phương án
Lời giảiChọn phương án để mở
Đáp án đúng: "Places side by side". flexDirection quyết định trục chính (main axis) mà các con được xếp dọc theo; giá trị 'row' đặt trục chính nằm ngang nên các phần tử con được xếp cạnh nhau từ trái sang phải, trong khi mặc định của React Native là 'column'. "Stacks vertically" là kết quả của flexDirection: 'column', giá trị mặc định, chứ không phải 'row'. "Overlaps all items" sai vì Flexbox không chồng các con lên nhau; muốn chồng phải dùng position: 'absolute'. "Aligns in a circle" sai vì Flexbox chỉ bố trí theo một trục thẳng (hàng hoặc cột), không có kiểu xếp vòng tròn; muốn vậy phải tự tính toạ độ hoặc dùng transform.

Cùng chương 4

Xuất hiện trong 1 bộ đề