microsoft / microsoft/react-native-windows
Layout Animation support
Nobody has claimed this yet.
- Dominant language
- C++
- Stars
- 17.3k
- Forks
- 1.2k
- Avg merge
- 1d 13h
- Merged PRs (30d)
- 33
Description
ReactNative layout animations are a way to automatically animate when layout changes. Similar to other animation types, LayoutAnimation provides a set of easings (including spring, linear, easInEaseOut).
On Android, certain flags need to be set via UIManager. It's unclear if we'd need to do the same for RNW.
UIManager.setLayoutAnimationEnabledExperimental && UIManager.setLayoutAnimationEnabledExperimental(true);
{...}
changePosition = position => {
LayoutAnimation.spring();
this.setState({
position
});
};
More info on LayoutAnimation is here: https://facebook.github.io/react-native/docs/layoutanimation
When this work is completed, it should be possible to follow introduction guides like this one: https://blog.usejournal.com/react-native-animations-intro-a71439e07f70

Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the React Native LayoutAnimation documentation and the UIManager entry point mentioned in the issue, then determine how layout changes are handled in RNW. Done means the LayoutAnimation API works for layout changes on Windows and the linked introduction guides can be followed successfully.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100