我的文档库

多根目录侧边栏

flex-layout

  • Getting Started

  • Guides

  • Reference

typed-rx-http

  • Getting Started

  • Guides

  • Reference

global-rx-state

  • Getting Started

  • Guides

  • Reference

webflux-fe-dev-assistant

reactive-mongo-dsl

基本布局

FlexLayout + FlexLayoutContainer 的基本配置规则。


基本结构

FlexLayoutContainer是具有一个方向(行/列)的分割布局,子元素由 FlexLayoutContainer组成。如果是 Fragment,则会扁平化并重新处理,但尽量将实际面板单位始终作为具有 containerName 的容器处理是安全的。

tsx
layoutName / containerName 规则

layoutName

레이아웃 단위의 고유 이름입니다. resize memory, container ref store, split screen store가 이 이름을 기준으로 묶입니다.

containerName

각 패널의 고유 이름입니다. open/close, double click, size observe, drag/drop target 식별에 사용됩니다.

direction

row는 좌우 분할, column은 상하 분할입니다.

嵌套布局

如果想在一个屏幕中将左右分割内再次放入上下分割,请在容器内部放入其他 FlexLayoutContainer。每个布局的 layoutName必须不同,以避免存储冲突。

tsx
© 2026 Byeolnaerim. 保留所有权利.介绍隐私政策