callstack / callstack/react-native-paper

iOS Animated.View inside Portal component doesn't perform exiting animation

Open
#3,816 1 comment 1 reaction 0 assignees View on GitHub
bug Portal
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### Current behaviour
When hiding animated component inside Portal on IOS, it doesn't perform exiting animation at all.
### Expected behaviour
Hiding animated component inside portal on iOS should still perform exiting animation

### How to reproduce?
https://snack.expo.dev/@cetuspro/playful-apples

### Preview

https://user-images.githubusercontent.com/40837474/231743895-74f45131-9e2b-4aa0-9706-0380905eb257.MP4

### Your Environment

| software | version
| --------------------- | -------
| ios | 16.3.1
| android | 13
| react-native | 0.70.5
| react-native-paper | 5.1.0,
| node | 19.8.1
| npm or yarn | 1.22.19
| expo sdk | 47.0

Contributor guide

Open the contributing guide

Research direction

Start with the linked Expo Snack reproduction and compare the Portal containing Animated.View on iOS and Android using the reported environment versions. Confirm that hiding the component triggers the expected exiting animation on iOS; the issue is done when the animation runs there as it does on Android.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.