调整内存大小

将用户调整的增长映射存储在存储中，并在下次渲染时恢复.

rememberResize

rememberResize是 FlexLayoutContainer 级别选项。增长值在整个布局容器之间分配，因此 商店使用布局名称作为键.

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>

默认键

默认键名

键名如果省略 __flexLayoutResizeGrow:${layoutName} 将使用格式的键.

何时保存

在容器内部观察实际用户调整大小时 style.flex 的变化，以保存当前布局的 containerName 相关的 grow map。保存的值在挂载后 准备好解析后将重新应用于每个容器.

检查方法

调整面板大小后，请刷新页面。保存的 grow map 将从 localStorage 中重新读取并以相同的比例恢复.