調整大小記憶體

將用戶調整的增長映射存儲到存儲中,並在下一次渲染時恢復。


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>

基本鍵

何時儲存

在容器內部,當實際用戶調整大小時,觀察style.flex的變化,並儲存當前佈局的containerName對應的grow map。儲存的值在mount後 準備好當解析完成後,將再次應用到每個容器。

© 2026 Byeolnaerim. 版權所有。介紹隱私政策