Menu Opening Animation

Open Beginner friendly
#4,812 0 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
68/100
Issue type
Feature
Clarity
Clearly specified
Activity status
Stale
Tech stack
react-native, typescript
Domain
mobile

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.

Description

feature request

Is your feature request related to a problem? Please describe.
The menu component has a beautiful opening animation 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(), to re-animate it

Describe alternatives you've considered
n/a

Additional context
n/a

Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from callstack/react-native-paper

All issues in callstack/react-native-paper

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.