diff options
| author | dan <dan.abramov@gmail.com> | 2023-12-14 02:48:20 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-12-13 18:48:20 -0800 |
| commit | 7fd79702371e3d7829be2188c2212c090bf76670 (patch) | |
| tree | dd2e7543284a5a0d43e2c371feefe465fabf3d1c /src/view/com/post-thread/PostThread.tsx | |
| parent | fa3ccafa8028933f11802eace3dca6f6dc7c4dba (diff) | |
| download | voidsky-7fd79702371e3d7829be2188c2212c090bf76670.tar.zst | |
Make scroll handling contextual (#2200)
* Add an intermediate List component * Fix type * Add onScrolledDownChange * Port pager to use onScrolledDownChange * Fix on mobile * Don't pass down onScroll (replacement TBD) * Remove resetMainScroll * Replace onMainScroll with MainScrollProvider * Hook ScrollProvider to pager * Fix the remaining special case * Optimize a bit * Enforce that onScroll cannot be passed * Keep value updated even if no handler * Also memo it
Diffstat (limited to 'src/view/com/post-thread/PostThread.tsx')
| -rw-r--r-- | src/view/com/post-thread/PostThread.tsx | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/src/view/com/post-thread/PostThread.tsx b/src/view/com/post-thread/PostThread.tsx index 051bc7849..f27da331f 100644 --- a/src/view/com/post-thread/PostThread.tsx +++ b/src/view/com/post-thread/PostThread.tsx @@ -8,7 +8,8 @@ import { View, } from 'react-native' import {AppBskyFeedDefs} from '@atproto/api' -import {CenteredView, FlatList} from '../util/Views' +import {CenteredView} from '../util/Views' +import {List, ListMethods} from '../util/List' import { FontAwesomeIcon, FontAwesomeIconStyle, @@ -140,7 +141,7 @@ function PostThreadLoaded({ const {_} = useLingui() const pal = usePalette('default') const {isTablet, isDesktop} = useWebMediaQueries() - const ref = useRef<FlatList>(null) + const ref = useRef<ListMethods>(null) const highlightedPostRef = useRef<View | null>(null) const needsScrollAdjustment = useRef<boolean>( !isNative || // web always uses scroll adjustment @@ -335,7 +336,7 @@ function PostThreadLoaded({ ) return ( - <FlatList + <List ref={ref} data={posts} initialNumToRender={!isNative ? posts.length : undefined} |