ReanimatedKeyboardAvoidingView.ts

const KeyboardAvoidingView = (props) => {
    const behavior = props.behavior;

    const keyboard = useAnimatedKeyboard();
    const insets = useSafeAreaInsets();

    const animatedStyle = useAnimatedStyle(() => {
        const value = keyboard.height.value - insets.bottom;

        if (behavior === 'height') {
            return {
                height: value,
                flex: 0,
            };
        }

        if (behavior === 'padding') {
            return {
                paddingBottom: value,
            };
        }

        if (behavior === 'position') {
            return {
                bottom: value,
            };
        }

        return {
        };
    });

    return (
        <Reanimated.View style={StyleSheet.compose(props.style, animatedStyle)}>
            {props.children}
        </Reanimated.View>
    );
};