onScroll
This commit is contained in:
@@ -60,6 +60,7 @@ export const FlatList = React.forwardRef(function FlatListImpl<ItemT>(
|
|||||||
contentContainerStyle,
|
contentContainerStyle,
|
||||||
onEndReached,
|
onEndReached,
|
||||||
onEndReachedThreshold,
|
onEndReachedThreshold,
|
||||||
|
onScroll,
|
||||||
...props
|
...props
|
||||||
}: React.PropsWithChildren<FlatListProps<ItemT> & AddedProps>,
|
}: React.PropsWithChildren<FlatListProps<ItemT> & AddedProps>,
|
||||||
ref: React.Ref<Animated.FlatList<ItemT>>,
|
ref: React.Ref<Animated.FlatList<ItemT>>,
|
||||||
@@ -118,6 +119,9 @@ export const FlatList = React.forwardRef(function FlatListImpl<ItemT>(
|
|||||||
React.useImperativeHandle(
|
React.useImperativeHandle(
|
||||||
ref,
|
ref,
|
||||||
() => ({
|
() => ({
|
||||||
|
scrollToTop() {
|
||||||
|
console.log('yeahh')
|
||||||
|
},
|
||||||
scrollToOffset({animated, offset}) {
|
scrollToOffset({animated, offset}) {
|
||||||
nativeRef.current.scrollTo({
|
nativeRef.current.scrollTo({
|
||||||
x: 0,
|
x: 0,
|
||||||
@@ -129,6 +133,21 @@ export const FlatList = React.forwardRef(function FlatListImpl<ItemT>(
|
|||||||
[],
|
[],
|
||||||
)
|
)
|
||||||
|
|
||||||
|
React.useEffect(() => {
|
||||||
|
function handleScroll(e) {
|
||||||
|
onScroll.current.worklet({
|
||||||
|
...e.nativeEvent,
|
||||||
|
eventName: 'onScroll',
|
||||||
|
contentOffset: {
|
||||||
|
x: 0,
|
||||||
|
y: window.scrollY,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
window.addEventListener('scroll', handleScroll)
|
||||||
|
return () => window.removeEventListener('scroll', handleScroll)
|
||||||
|
}, [onScroll])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Animated.ScrollView
|
<Animated.ScrollView
|
||||||
{...props}
|
{...props}
|
||||||
|
|||||||
Reference in New Issue
Block a user