Thay đổi kích thước bộ nhớ

Lưu bản đồ grow do người dùng điều chỉnh vào storage và khôi phục trong lần render tiếp theo.

rememberResize

rememberResizelà FlexLayout tùy chọn cấp độ. Giá trị grow được phân phối giữa các container trong layout. cửa hàngsử dụng tên layout làm key.

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>

khóa mặc định

Tên khóa mặc định

tên khóanếu bỏ qua __flexLayoutResizeGrow:${layoutName} khóa theo định dạng sẽ được sử dụng.

khi nào được lưu

Trong container, khi người dùng thực sự thay đổi kích thước, quan sát sự thay đổi style.flex để lưu bản đồ grow theo containerName của layout hiện tại. Giá trị đã lưu sẽ được áp dụng lại sau khi sẵn sàngđược resolve cho từng container.

cách kiểm tra

Sau khi điều chỉnh kích thước panel, hãy làm mới trang. Bản đồ grow đã lưu sẽ được đọc lại từ localStorage và phục hồi với tỷ lệ giống nhau.