Evaluate the use of justifyContent: 'space-between' in a layout. What is its primary benefit?

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: "Distributes space between children". justifyContent điều khiển cách phân bố các phần tử con dọc theo trục chính (main axis, mặc định là trục dọc vì flexDirection mặc định là column trong React Native); giá trị 'space-between' đặt phần tử đầu sát mép đầu, phần tử cuối sát mép cuối rồi chia đều khoảng trống còn dư vào giữa các phần tử, rất hợp cho thanh tiêu đề có nút ở hai bên. "Aligns children at the end of the main axis" là tác dụng của 'flex-end', dồn mọi phần tử về cuối trục chứ không chia khoảng trống. "Aligns children at the start of the main axis" là 'flex-start', giá trị mặc định, gom các phần tử về đầu trục. "Distributes space evenly around children" mô tả 'space-around' (hay gần với 'space-evenly'), nơi hai mép ngoài cũng nhận một phần khoảng trống, trong khi 'space-between' không chừa khoảng trống nào ở hai mép.

Cùng chương 4

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