@wordpress/components/src/mobile/keyboard-aware-flat-list/index.android.js

UI components for WordPress.

/**
 * External dependencies
 */
import { FlatList } from 'react-native';
import Animated, { useAnimatedScrollHandler } from 'react-native-reanimated';

/**
 * Internal dependencies
 */
import KeyboardAvoidingView from '../keyboard-avoiding-view';

const AnimatedFlatList = Animated.createAnimatedComponent( FlatList );

export const KeyboardAwareFlatList = ( { innerRef, onScroll, ...props } ) => {
	const scrollHandler = useAnimatedScrollHandler( { onScroll } );
	return (
		<KeyboardAvoidingView style={ { flex: 1 } }>
			<AnimatedFlatList
				ref={ innerRef }
				onScroll={ scrollHandler }
				{ ...props }
			/>
		</KeyboardAvoidingView>
	);
};

export default KeyboardAwareFlatList;