You want to create 3 squares with different colors arranged horizontally, spaced evenly, and centered vertically on the screen. Which combination of properties should you apply to the container?

Đáp án đúng: "flexDirection: 'row', justifyContent: 'space-around', alignItems: 'center'". Ba ô vuông xếp ngang cần trục chính nằm ngang nên đặt hướng hàng; justifyContent điều khiển trục chính, giá trị space-around chia khoảng đều quanh mỗi ô; alignItems điều khiển trục phụ, lúc này là chiều dọc, giá trị center đưa các ô vào giữa màn hình theo chiều dọc (container cần flex: 1 để chiếm hết chiều cao). "flexDirection: 'column', justifyContent: 'center'" xếp các ô thành cột dọc và dồn vào giữa, không phải hàng ngang. "flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'flex-start'" xếp ngang nhưng dồn về góc trên bên trái, không cách đều, không căn giữa dọc. "flexDirection: 'column', justifyContent: 'space-between'" xếp dọc và đẩy các ô ra hai đầu.