docs: Rewrite Layout Transition documentation page - Githubissues

software-mansion / react-native-reanimated

React Native's Animated library reimplemented

https://docs.swmansion.com/react-native-reanimated/

MIT License

8.59k stars 1.26k forks source link

docs: Rewrite Layout Transition documentation page #6144

Open patrycjakalinska opened 1 week ago

patrycjakalinska commented 1 week ago

To be up to date we rewritten Layout Transition, implemented InteractiveExample with selectable transition and added new, refreshed videos.

Design of the dropdown is pretty raw - please let me know your ideas.

InteractiveExample: in the future Jumping, Curved and Entry/Exit Transition will be available on web, now they don't so we don't use them.

[x] This needs bumped react-native-reanimated@nightly (PR)
[ ] It includes new updated Fading default duration from this PR.
[x] check default duration in transitions

Before:

https://github.com/software-mansion/react-native-reanimated/assets/59940332/9d845bcf-776c-4514-aa99-c825fb4ceef6

After:

https://github.com/software-mansion/react-native-reanimated/assets/59940332/1e721176-273f-4740-b0a5-27f69f4a6140

How interactivExample works:

https://github.com/software-mansion/react-native-reanimated/assets/59940332/cbe09f76-9579-4b13-9c4d-cbbd23911934