Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-09-01 14:19:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(component, mobile): masonry layout with virtual scroll support, adapted with all docs (#9208)

Browse Source 
### Preview

![CleanShot 2024-12-19 at 20.41.47.gif](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/LakojjjzZNf6ogjOVwKE/60a701ea-bca0-42d5-8a06-f10af44c8fc8.gif)

### Render when scrolling

![CleanShot 2024-12-20 at 09.54.26.gif](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/LakojjjzZNf6ogjOVwKE/df0008d7-5bd9-4e98-b426-cb1036dbb611.gif)

### api
```tsx
const items = useMemo(() => {
    return {
        id: '',
        height: 100,
        children: <div></div>
    }
}, [])

<Masonry items={items} />
```
This commit is contained in:
CatsJuice
2024-12-20 05:32:17 +00:00
parent 2988dc284e
commit a53e231bad
20 changed files with 572 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend/component/src/ui/masonry/index.ts
+1
View File
@@ -0,0 +1 @@
export * from './masonry';