Ulang Memori

Menyimpan peta grow yang disesuaikan pengguna ke dalam penyimpanan dan memulihkannya pada render berikutnya.

rememberResize

rememberResizeadalah FlexLayout opsi level. Nilai grow didistribusikan di antara semua kontainer layout sehingga tokomenggunakan nama layout sebagai kunci.

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>

kunci default

Nama kunci default

namaKuncijika diabaikan __flexLayoutResizeGrow:${layoutName} kunci dengan format ini akan digunakan.

kapan disimpan

Di dalam kontainer, saat pengguna benar-benar mengubah ukuran, perubahan style.flex diamati untuk menyimpan peta pertumbuhan berdasarkan containerName dari layout saat ini. Nilai yang disimpan akan diterapkan kembali setelah siapresolved.

cara memeriksa

Sesuaikan ukuran panel dan segarkan halaman. Peta pertumbuhan yang disimpan akan dibaca kembali dari localStorage dan dipulihkan dengan rasio yang sama.