Skip to content

Commit 755a03b

Browse files
committed
Fix layout animations on backdropOpacity=0
1 parent 44924a5 commit 755a03b

1 file changed

Lines changed: 8 additions & 2 deletions

File tree

src/components/Modal/ReanimatedModal/Backdrop/index.web.tsx

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,14 +22,20 @@ function Backdrop({
2222
const {translate} = useLocalize();
2323

2424
const Entering = useMemo(() => {
25+
if (!backdropOpacity) {
26+
return;
27+
}
2528
const FadeIn = new Keyframe(getModalInAnimation('fadeIn'));
2629
return FadeIn.duration(animationInTiming);
27-
}, [animationInTiming]);
30+
}, [animationInTiming, backdropOpacity]);
2831

2932
const Exiting = useMemo(() => {
33+
if (!backdropOpacity) {
34+
return;
35+
}
3036
const FadeOut = new Keyframe(getModalOutAnimation('fadeOut'));
3137
return FadeOut.duration(animationOutTiming);
32-
}, [animationOutTiming]);
38+
}, [animationOutTiming, backdropOpacity]);
3339

3440
const backdropStyle = useMemo(
3541
() => ({

0 commit comments

Comments
 (0)