Flexbox trong React Native là một thuật toán được sử dụng để xác định bố cục của các thành phần con (children) trong một component. Flexbox cung cấp một cách thức bố trí linh hoạt và nhất quán trên các kích thước màn hình khác nhau, giúp tạo ra các giao diện người dùng đáp ứng và thích ứng với nhiều thiết bị
Flexbox trong React Native hoạt động tương tự như trong CSS trên web, nhưng có một số mặc định khác biệt:
flexDirection mặc định là column thay vì row.
alignContent mặc định là flex-start thay vì stretch.
flexShrink mặc định là 0 thay vì 1.
Thuộc tính flex chỉ hỗ trợ một số duy nhất, không phải một tỷ lệ như trong CSS.
Các thuộc tính chính của Flexbox bao gồm:
flex: Xác định cách các mục sẽ "điền" vào không gian có sẵn dọc theo trục chính. Giá trị là các số nguyên lớn hơn hoặc bằng 0.
flexDirection: Kiểm soát hướng mà các con của một node được bố trí. Các giá trị có thể là column, row, `...
