callstack / callstack/react-native-paper
Menu Opening Animation
- Dominant language
- TypeScript
- Stars
- 14.5k
- Forks
- 2.2k
- Avg merge
- 5d 23h
- Merged PRs (30d)
- 12
Description
**Is your feature request related to a problem? Please describe.**
The menu component has a beautiful [opening animation](https://github.com/callstack/react-native-paper/blob/ff0df5454eb13d6e8e2d8f1c87c0bca8bb3635f0/src/components/Menu/Menu.tsx#L350) that only works when first opened. Subsequent opens just have the menu immediately appear
**Describe the solution you'd like**
add
```
scaleAnimationRef.current.setValue({x: 0, y: 0})
```
right before the Animated.parallel referenced above to reset the scaleAnimation, or [within hide()](https://github.com/lovegaoshi/azusa-player-mobile/blob/2648f55f4cb6c6dd72433a871a63249cbed79d1e/patches/react-native-paper%2B5.14.5.patch#L30), to re-animate it
**Describe alternatives you've considered**
n/a
**Additional context**
n/a
Contributor guide
Research direction
Start in src/components/Menu/Menu.tsx at the opening animation around line 350, and compare the reset options described in the issue, including hide(). Verify the menu's scale animation state across repeated open and close cycles; done means subsequent opens reproduce the initial opening animation.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- mobile
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 68/100