Quantcast
Channel: Active questions tagged react-native+typescript - Stack Overflow
Viewing all articles
Browse latest Browse all 6287

How to find layout position of footer within FlatList in React Native?

$
0
0

I am trying to find the y position of the component within a footer of a FlatList. I have tried calling the onLayout prop within the footer itself, however it only returns the co-ordinates of the component in question (ComponentToFind) relative to the parent component, which is the footer itself. How can I effectively call onLayout for this component and find its y-coordiante relative to the entire FlatList and not the footer itself?

<FlatList<T>                ref={flatListRef}                onScroll={onScroll}                scrollEventThrottle={160}                ListHeaderComponent={renderHeader}                ListFooterComponent={renderFooter}                ...            />

const renderFooter = useCallback(        () => (<><ComponentToFind                    mt={3}                    onLayout={(event) => {                        const { y } = event.nativeEvent.layout                        setFlatListHeight(y)                    }}                /><View /><View /><View /><View /></>        ),        [...]    )

Viewing all articles
Browse latest Browse all 6287

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>