问题标签 [react-animations]

我正在尝试在 Gatsby 的网站上重新创建滑块，但使用样式组件库而不是他们使用的情感库。问题是动画没有做任何事情，我传递给组件的字符串列表被连接在一起。

Gatsbyjs.org

他们的滑块组件的代码

我的slider.js：

结果：

当条件匹配时，我希望能够将桌子提升到一定高度。如何手动设置dy的值？this.state.drag.y返回一个对象。如果它是一个简单的值，我可以手动设置它，但是在这种情况下如何手动设置 dy 呢？

我一直在试图弄清楚如何完成我认为非常简单的事情（我知道......）

目标是一个非常小且可重用的模态组件，我可以使用触发按钮或 w/e 在某种 HOC 中制作动画。

我正在使用 createPortal 创建它，目标是在所述门户的进入/退出时添加一些简单的动画。

我已经使用 GSAP 让它工作，但理想情况下，我希望它与 SC 一起使用，这样我就不必引入另一个动画库。

在我的一生中，我无法让它与 SC 一起工作，如果有人能指出我正确的方向，我会很高兴。

我在这里制作了一个沙箱：https : //codesandbox.io/s/r44w9m4o5p 使用 GSAP 运行动画，这有点笨拙，但对于我的目标来说是正确的方向。

此外，使用 react-transition-group 比https://github.com/react-tools/react-move有什么好处吗？

当按下按钮时，我试图让屏幕像硬币一样翻转。到目前为止，我所做的是我已经成功地翻转了两个小屏幕，但是屏幕有点大，代码不起作用。就像在我的代码中，两个简单的按钮工作正常，但是当我从其他大屏幕调用视图时，视图不会显示。我认为这是因为将被翻转的视图变得不可见但仍保留在其位置上，并且其他视图无法放置在该空间上，因此当涉及到更大的屏幕时，整个事情都不会显示出来。我是 RN 的新手。帮助。

我也试过react-native-card-flip

翻转.js

FronEnd.js

后端.js

React Reveal 主页文本动画给我留下了深刻的印象，其中“React Reveal”一词中的字母从左、右飞到中间。所以我想我想为我的项目主页实现相同的动画，但不幸的是我没有找到办法。通过查看开发人员控制台以找到它的工作方式，我付出了很多努力，但我无法做到这一点。那么有人可以帮助我如何做到这一点。这是主页的链接https://www.react-reveal.com/ 提前致谢

我正在构建一个反应原生应用程序，用户应该能够在饼图周围移动调整器以调整饼图的开始和结束角度。我正在使用 3 个 panResponder 并使用 /users/681830/val 的想法：

反应原生圆变换翻译动画

我正在计算到 36 个快照中的任何一个的最短距离，然后将动画值设置为该点，但它的效率非常低且滞后。任何人都可以提出更好的解决方案吗？

'''

'''

我不确定这是否是问这个问题的合适地方；我考虑过软件推荐，但我想我会先在这里试一试。

我正在创建一个 PWA，并且在每次迭代中，我真的很想专注于让它看起来/感觉不那么笨拙和尽可能平滑。好吧，就像一个原生应用程序。

所以这就是问题所在——我正在使用 Semantic-UI-React 提供的转换（动画），虽然当一个元素占据它的空间时它工作得很好，但我想知道是否有一种做法或模式来处理与正在动画的元素相邻的 DOM 元素？

我在下面提供了一个 GIF 来说明我的意思。我想我可以将动画元素移出表单的容器以防止卡顿，但我想知道是否有更优雅的模式或方法来解决这个问题......

谢谢！

react-move/Animate 错误：“警告：css 样式属性NaN的值无效。”background

原始代码是这样的：

解决方案：

我将背景属性的值更改为字符串文字并解决了问题。

我正在制作一个类似火种卡的系统，你可以左右滑动，但现在我想添加一种点击方式。当我添加一个 touchableOpacity 时，我不能再移动它了，因为当我将手指放在它上面时，它会改变视图的不透明度并被阻塞。

基本上我尝试使用 touchableHighlight 但没有任何改变

所以我有 ：

我希望卡片仍然能够移动，并且只有在我真的想点击时才触发点击

无法通过 .map() 对数据数组使用 React Reveal 以从文档中产生效果。

https://www.react-reveal.com/examples/common/

他们的文档给出了一个很好的例子

我想用我的数据产生相同的 CASCADE 效果

我得到的效果是整个 ProjectThumb 组件列表淡入一组，我需要它们单独淡入并在我滚动时淡入。提前致谢。