Leitfäden
Organisiert die Kombination von Flex-Layouts nach tatsächlichen Nutzungsszenarien.
Wir fassen die grundlegenden Regeln für die Richtung row/column, layoutName/containerName und verschachtelte Layouts zusammen.
Wir konfigurieren anpassbare Panels mit isResizePanel, grow, panelMode und panelMovementMode.
Wir klappen Panels mit containerOpenCloseSubjectMap und dem Doppelklick-Hook ein und aus.
Wir speichern und stellen die vom Benutzer angepassten Wachstumswerte mit rememberResize im Speicher wieder her.
Wir erstellen eine dynamische geteilte Ansicht wie in VS Code mit FlexLayoutSplitScreen.
Rendert page.tsx in Next.js App Router in einem Split-Pane über die URL und stellt den Split-Zustand basierend auf Aktualisierung/Browser-URL wieder her.
Wir erstellen mit FlexLayoutSplitScreenDragBox ziehbare Tabs/Karten/Elemente.
Wir erstellen mit stickyMode und FlexLayoutStickyBox eine UI, die innerhalb der Layoutgrenzen fixiert ist.
Wir synchronisieren die Containerhöhe mit FlexLayoutDynamicHeight an die Höhe des Viewports und des Inhalts.
Wir speichern/wiederherstellen die Scrollposition innerhalb des geteilten Bildschirms mit FlexLayoutSplitScreenScrollBox.
Wir klappen den Kopfcontainer des Root-Layouts mit useFlexLayoutControl entsprechend dem Scrollen ein und wieder aus.
Wir verwenden List Paging Hooks für unendliches/seitengestütztes Scrollen auf Basis von Sentinel.