Samuel Newman
3b2573bc56
* memoize FlatList_INTERNAL * defer render, put handleScrolledDownChange in non reactive callback * lintfix useDedupe
35 lines
1.0 KiB
TypeScript
35 lines
1.0 KiB
TypeScript
import {forwardRef, memo} from 'react'
|
|
import {type FlatListComponent, View, type ViewProps} from 'react-native'
|
|
import Animated from 'react-native-reanimated'
|
|
import {type FlatListPropsWithLayout} from 'react-native-reanimated'
|
|
|
|
// If you explode these into functions, don't forget to forwardRef!
|
|
|
|
/**
|
|
* Avoid using `FlatList_INTERNAL` and use `List` where possible.
|
|
* The types are a bit wrong on `FlatList_INTERNAL`
|
|
*/
|
|
export const FlatList_INTERNAL = memo(Animated.FlatList)
|
|
export type FlatList_INTERNAL<ItemT = any> = Omit<
|
|
FlatListComponent<ItemT, FlatListPropsWithLayout<ItemT>>,
|
|
'CellRendererComponent'
|
|
>
|
|
|
|
/**
|
|
* @deprecated use `Layout` components
|
|
*/
|
|
export const ScrollView = Animated.ScrollView
|
|
export type ScrollView = typeof Animated.ScrollView
|
|
|
|
/**
|
|
* @deprecated use `Layout` components
|
|
*/
|
|
export const CenteredView = forwardRef<
|
|
View,
|
|
React.PropsWithChildren<
|
|
ViewProps & {sideBorders?: boolean; topBorder?: boolean}
|
|
>
|
|
>(function CenteredView(props, ref) {
|
|
return <View ref={ref} {...props} />
|
|
})
|