Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
react-native-animatable unmount animation with hooks
// https://github.com/oblador/react-native-animatable/issues/132#issuecomment-786870602
const MyComponent = (props) => {
const ref = React.useRef();
React.useEffect(() => {
ref?.current?.fadeIn();
return () => ref?.current?.fadeOut(); // as you know, this is the same as unmount ;)
}, [props.id]); // track some prop that changes
return (
<Animatable.View ref={ref}>
<View>
...stuff
</View>
</Animatable.View>
);
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment