问题标签 [react-animations]

这是一个我无法真正弄清楚的问题。我有 10 个视图，我只需要根据某些状态一次显示一个 - 让我们称之为页面。

当用户向上或向下按箭头时，我会更改page的值，因此它是递增或递减的。

根据页面的价值是上升还是下降，我不想有不同的进入/退出动画。

例如，如果页面的价值在增加，我想将前一个视图平移到顶部并从底部在新视图中进行动画处理。如果页面正在减少，那么我不想让动画走另一条路。

这里的问题是我正在为当前活动视图设置动画，因为我正在渲染它，但我不知道如何为它设置动画以使新视图进入。

我希望一个组件在安装时向右执行幻灯片动画，在卸载时向左执行幻灯片动画，所有这些都使用属于“profile-slide-container”类的div作为Slide组件的容器，但是我不知道该怎么做。

这是代码：

嘿，我是响应 spring 的新手，想知道如何创建抛物线动画。我尝试使用这段代码在定义原点和目标位置的位置创建一个。我将位置坐标存储在coordinates数组中。但是元素遵循线性三角形路径而不是弯曲的抛物线路径。任何帮助深表感谢。

当用户将鼠标悬停在 img 上时，如何为 sibaligns 元素设置动画？

我知道我可以将它与 WhileHover 父 div 一起使用，但这太多了，我不想在悬停我的描述 div 时设置动画

我有一个要求，我有几个组件，其中只有一个可以在特定时间点显示。组件具有不同的高度。

当用户单击当前显示的组件中的按钮时，我需要

1. 向用户显示加载器
2. 在后台渲染组件。
3. 等到渲染的组件调用 onLoad 回调。
4. 一旦 onLoad 回调被接收，隐藏加载器。

如下所示（此处的代码沙箱）

我打算编写一个包装器组件（上面示例中的ViewWrapperHOC）来显示组件之间的转换并显示加载器。现在的问题是当我尝试制作动画时，因为我必须在 viewwrapper 中渲染进度条和子项，所以动画似乎非常有问题。

代码沙箱在这里

有人可以提出解决此问题的方法。我对任何替代动画或任何替代方法持开放态度，以任何形式的令人愉快的用户体验来实现这一点。提前致谢。

状态改变后如何阻止反应动画重新激活？我在 Animated.View 中有一个 textInput，在 OnChangeText 后，动画会重新运行。

这是动画视图的代码，它从屏幕顶部向下滚动视图，并在状态更改时将其向下移动到屏幕上。

textInput 在这个动画视图中，但是当我输入一些东西时，动画再次运行！

我尝试从 UseEffect 中删除 pageLevel 依赖项并没有帮助，我认为一旦其中一个状态发生变化，应用程序就会重新运行每个状态，这使得它可以重新激活整个页面，在这种情况下，我该如何解决这个问题？

动画视图代码：

并且 textInput 在里面：

我想创建一个反应站点，当我进入服务部分页面时，滚动时应该从该部分的垂直滚动变为水平滚动。知道如何实现这一目标吗？

我正在尝试fadeIn使用framer-motion.

当我单击一个选项卡时，我想显示具有fadeIn效果的选定选项卡的内容，该效果按预期工作，Firefox但不适用于Chrome.

下面是我的代码

1. 动画变体

2. 选项卡代码

我检查了控制台日志，但没有找到。

有人可以帮我吗？