Speichergröße ändern

Speichert die vom Benutzer angepasste Wachstumsmap im Speicher und stellt sie beim nächsten Rendern wieder her.

rememberResize

rememberResizeist FlexLayout eine Level-Option. Der Wachstumswert wird zwischen den gesamten Layoutcontainern verteilt, daher Geschäftwird der Layoutname als Schlüssel verwendet.

tsx

<FlexLayout
  layoutName="workspace"
  direction="row"
  rememberResize={{
    storage: "localStorage",
    keyName: "workspace-grow-map",
  }}
>
  <FlexLayoutContainer containerName="workspace-left" isResizePanel>
    <div>Left</div>
  </FlexLayoutContainer>

  <FlexLayoutContainer containerName="workspace-main">
    <div>Main</div>
  </FlexLayoutContainer>
</FlexLayout>

Standard-Schlüssel

Standard-Schlüsselname

Schlüsselnamewenn weggelassen __flexLayoutResizeGrow:${layoutName} wird der Schlüssel im Format verwendet.

Wann wird gespeichert?

Innerhalb des Containers wird während der tatsächlichen Benutzeranpassung die Änderung von style.flex beobachtet, um die Wachstumsmap für den aktuellen Layout-Container nach containerName zu speichern. Die gespeicherten Werte werden nach dem Mount bereitwieder auf die einzelnen Container angewendet, wenn das resolve erfolgt.

Überprüfungsmethode

Passen Sie die Panelgröße an und aktualisieren Sie die Seite. Die gespeicherte Wachstumsmap wird aus dem localStorage erneut gelesen und im gleichen Verhältnis wiederhergestellt.