Hướng dẫn

Sắp xếp cách kết hợp của flex-layout theo luồng sử dụng thực tế.

Tóm tắt các quy tắc cơ bản về hướng row/column, layoutName/containerName, và bố cục lồng nhau.

Cấu hình các bảng điều khiển có thể thay đổi kích thước bằng isResizePanel, grow, panelMode, panelMovementMode.

Gấp và mở bảng điều khiển bằng containerOpenCloseSubjectMap và hook double click.

Lưu và phục hồi giá trị grow mà người dùng điều chỉnh vào storage bằng rememberResize.

Tạo màn hình chia động giống như VS Code bằng FlexLayoutSplitScreen.

Render page.tsx vào pane phân chia bằng URL trong Next.js App Router và khôi phục trạng thái phân chia theo URL/làm mới.

Tạo các mục tab/card/menu có thể kéo bằng FlexLayoutSplitScreenDragBox.

Tạo UI cố định trong ranh giới bố cục bằng stickyMode và FlexLayoutStickyBox.

Đồng bộ chiều cao container với chiều cao viewport và nội dung bằng FlexLayoutDynamicHeight.

Lưu và phục hồi vị trí cuộn bên trong màn hình chia bằng FlexLayoutSplitScreenScrollBox.

Gấp và phục hồi container đầu của layout gốc theo cuộn bằng useFlexLayoutControl.

Sử dụng hooks phân trang list cho cuộn vô hạn/trang dựa trên sentinel.