文件名称:transitionable-routes:使用React Router更改路线时执行过渡
文件大小:95KB
文件格式:ZIP
更新时间:2024-05-18 22:11:05
react react-router motion animations transitions
可转换路线 使用React Router更改路线时执行过渡 安装 npm i transitionable-routes 问题 每当路线改变时添加动画的能力看起来都是如此琐碎的功能,但奇怪的是我还没找到用和进行动画处理的好方法。 我在那里看到的所有示例(包括官方文档中的示例)通常都假设您正在执行通用转换,例如淡入和淡出进入和离开的路线。 如果您需要对此进行更多控制,祝您好运。 在某个时间点,这可以通过但是在某个时候,React Router遇到了重大障碍,破坏了与它的集成,而作为一种解决方法,react-transition-group团队以一种对我来说是降级,因为它们很难使事情变得可定制(它们添加了一个对我来说毫无意义的in属性,而不是通过回调控制动画,您必须传递过渡将花费的时间,这是一个想法我非常不喜欢)。 我来自Flash背景,我记得这曾经是我们理所当然的功能。 您要么在项目
【文件预览】:
transitionable-routes-master
----rollup.config.js(498B)
----src()
--------RouteTransitions.js(157B)
--------TransitionableComponent.js(784B)
--------TransitionableSwitch.js(9KB)
--------index.js(172B)
----.babelrc(230B)
----.lvimrc(107B)
----examples()
--------index.html(184B)
--------About.js(636B)
--------index.js(615B)
--------Home.js(201B)
--------Contact.js(706B)
--------Menu.js(392B)
----README.md(8KB)
----.editorconfig(188B)
----.gitignore(25B)
----package-lock.json(442KB)
----package.json(1KB)