我的文档库
flex-layout
Getting Started
Guides
Reference
typed-rx-http
global-rx-state
webflux-fe-dev-assistant
Overview
reactive-mongo-dsl
指南
整理基于实际使用流程的 flex-layout 组合方式.
整理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根据滚动折叠和恢复根布局的头部容器。
使用基于哨兵的无限/分页滚动列表分页钩子。