Mis Documentos

Barra lateral de múltiples raíces

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

Diseño Básico

Las reglas de configuración más básicas de FlexLayout + FlexLayoutContainer.


Estructura básica

FlexLayoutes un diseño dividido con una dirección (fila/columna), y los hijos están FlexLayoutContainercompuestos. Si es un Fragment, se aplana y se reprocesa, pero es más seguro que la unidad real del panel siempre sea un contenedor con containerName.

tsx
Reglas de layoutName / containerName

layoutName

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

containerName

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

direction

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

Diseño anidado

Si desea insertar una división vertical dentro de una división horizontal en una pantalla, coloque otro FlexLayoutdentro del contenedor. Cada layout debe tener layoutNamediferentes para evitar conflictos de almacenamiento.

tsx
© 2026 Byeolnaerim. Todos los derechos reservados.IntroducciónPolítica de privacidad