@react-native-aria/interactions
Version:
22 lines (18 loc) • 620 B
text/typescript
import { useHover as useHoverWeb, HoverProps } from '@react-aria/interactions';
import { useEffect } from 'react';
import { attachEventHandlersOnRef } from '@react-native-aria/utils';
export const useHover = (props = {} as HoverProps, ref?: any) => {
let params = useHoverWeb(props);
useEffect(() => {
ref && ref.current && attachEventHandlersOnRef(params.hoverProps, ref);
}, []);
const finalResult = {
...params,
hoverProps: {
...params.hoverProps,
onHoverIn: params.hoverProps.onPointerEnter,
onHoverOut: params.hoverProps.onPointerLeave,
},
};
return finalResult;
};