callstack / callstack/react-native-paper

Menu Opening Animation

Open Beginner friendly
#4,812 0 comments 1 reaction 0 assignees View on GitHub
feature request
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.