Memória de Redimensionamento

Armazena o mapa de crescimento ajustado pelo usuário no armazenamento e o restaura na próxima renderização.

rememberResize

rememberResizeé FlexLayout uma opção de nível. O valor de crescimento é distribuído entre todos os contêineres do layout, então lojausa o nome do layout como chave.

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>

chave padrão

Nome da chave padrão

nomeDaChavese omitido __flexLayoutResizeGrow:${layoutName} a chave do formato será usada.

quando é salvo?

Dentro do contêiner, observa-se a mudança de style.flex durante o redimensionamento real do usuário para salvar o mapa de crescimento por containerName do layout atual. O valor salvo será aplicado novamente após o mount. prontoQuando a promessa é resolvida, será reaplicado a cada contêiner.

como verificar

Ajuste o tamanho do painel e atualize a página. O mapa de crescimento salvo será lido novamente do localStorage e restaurado na mesma proporção.