指南

整理row/column方向、layoutName/containerName、嵌套佈局的基本規則。

使用isResizePanel、grow、panelMode、panelMovementMode構建可調整大小的面板。

使用containerOpenCloseSubjectMap和雙擊鉤子來折疊和展開面板。

使用rememberResize將用戶調整的增長值存儲並恢復到存儲中。

使用FlexLayoutSplitScreen構建類似VS Code的動態分割螢幕。

在 Next.js App Router 中使用 URL 將 page.tsx 渲染到分割面板，並恢復重新整理/瀏覽器 URL 的分割狀態。

使用FlexLayoutSplitScreenDragBox創建可拖曳的標籤/卡片/菜單項目。

使用stickyMode和FlexLayoutStickyBox創建在佈局邊界內固定的UI。

使用FlexLayoutDynamicHeight根據視口和內容高度同步容器高度。

使用FlexLayoutSplitScreenScrollBox保存/恢復分割螢幕內的滾動位置。

使用useFlexLayoutControl根據滾動折疊和恢復根佈局的頭容器。

使用基於哨兵的無限/分頁滾動列表分頁鉤子。