zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Further align web List with FlatList, add contain mode to web list implementation (#3867)

Browse source 
* add `onStartReached` to web list

* fix `rootMargin`

* Add `contain`, handle scroll events

* improve types, fix typo

* simplify

* adjust `scrollToTop` and `scrollToOffset` to support `contain`, add `scrollToEnd`

* rename `handleWindowScroll` to `handleScroll`

* support basic `maintainVisibleContentPosition`

* rename `contain` to `containWeb`

* remove unnecessary `flex: 1`

* add missing props

* add root prop to `Visibility`

* add root prop to `Visibility`

* revert adding `maintainVisibleContentPosition`

* oops

* always apply `flex: 1` to styles when contained

* add a contained list to storybook

* make `onScroll` a worklet in storybook

* revert test code

* add scrolling to storybook

* simplify getting scrollable node

* nit: extra whitespace

* nit: random comment

* foolproof the logic

* typecheck
This commit is contained in:
Hailey 2024-05-06 08:34:32 -07:00 • committed by GitHub
parent 594b40c3ae
commit bc07019911
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 316 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/view/com/util/List.tsx
View file

@ -25,6 +25,7 @@ export type ListProps<ItemT> = Omit<
headerOffset?: number
refreshing?: boolean
onRefresh?: () => void
containWeb?: boolean
}
export type ListRef = React.MutableRefObject<FlatList_INTERNAL | null>