Dan Abramov
35 lines
713 B
TypeScript
35 lines
713 B
TypeScript
import * as React from 'react'
|
|
import {View} from 'react-native'
|
|
import Animated, {useAnimatedScrollHandler} from 'react-native-reanimated'
|
|
|
|
export default function App() {
|
|
function someWorkletFn() {
|
|
'worklet'
|
|
console.log('lol')
|
|
}
|
|
|
|
const [x, setX] = React.useState(0)
|
|
|
|
const handler = useAnimatedScrollHandler({
|
|
onScroll() {
|
|
console.log(x)
|
|
someWorkletFn()
|
|
},
|
|
})
|
|
|
|
React.useEffect(() => {
|
|
let id = setInterval(() => setX(x => x + 1), 1000)
|
|
return () => clearInterval(id)
|
|
}, [])
|
|
|
|
return (
|
|
<Animated.FlatList
|
|
onScroll={handler}
|
|
style={{flex: 1, backgroundColor: 'red'}}
|
|
contentContainerStyle={{
|
|
paddingTop: 1000,
|
|
}}
|
|
/>
|
|
)
|
|
}
|