1回答
目前我一直在使用react-spring在我们的应用程序中做动画；不幸的是，动画并不是我擅长的，我们的设计师为我们的新徽标给我们的设计让我在实现上遇到了困难。使用普通的老式JS很容易，但在react-spring中实现它已经证明是一个我无法克服的挑战。{ useTrail, animated } from "react-spring";
/&
浏览 28提问于2020-10-18得票数 0
我正在使用react spring为一个对象设置动画，使其在页面上平移并消失。由于某些原因，无论我将弹簧配置设置为什么，对象在整个动画中的移动速度都是相同的。我目前有： import React, {useEffect} from 'react'import {useSpring, useTrail, animated} from 'react-spr
浏览 6提问于2020-08-23得票数 0
回答已采纳
当页面加载时，我有一个使用react-spring useTrail钩子在屏幕上显示动画的项目数组。我想用useTransition钩子动画移除这些项目，但我很难弄清楚如何实现这两个项目。我不确定我是否应该将useTransition钩子嵌套在我的useTrail中，或者反过来？/styles.css";import { useTrail, useTransition, anim
浏览 29提问于2021-06-23得票数 0
回答已采纳
所以，我一直在一个站点上工作，而且我还没有反应过来--spring，所以，我遇到了一个问题:我有一个主App.js组件，在这里我组装了我所有的其他组件，我在我的"src/ components“文件夹下有一个名为charAnim使用作为特定的动画的useTrail，我需要在App.js组件中使用它。我在组件中有另一个spring动画，我想将它与CharAnim组件中的动画链接在一起。请帮帮忙const newTrail = useTrail(charArr.lengt
浏览 0提问于2021-03-06得票数 0
回答已采纳
1回答
在这段使用react-spring的代码中，我得到了一个动画，其中每个字母都在等待，直到前一个动画结束，同时它也在动画中 为什么会发生这种情况，我该如何修复它？translateY(-22px) rotate(3deg) scale(1.1)' }, ]
const trail = useTrail
浏览 18提问于2020-04-02得票数 2
回答已采纳
我正在做一个项目，它使用了一个组件库，它使用了react。我无法控制组件库，因此我无法控制它使用react spring v8这一事实。
我在PR上找到了一个，它告诉我如何在测试环境中运行时修复动画。当我试图通过import { Globals }这样做时，我会得到错误消息Module '"react-spring"' has no exported member 'Globals'.ts(2305)，因为我的项目使用的是类型记录(这里是JS的说
浏览 8提问于2021-10-06得票数 0
回答已采纳
1回答
我试图创建一个动画文本字符从右到左弹跳，但我需要添加一个不同的延迟到每个字符。到目前为止，动画看起来不错，问题是延迟没有对每个字符进行更新。这是我的密码：import { useSprings, animated } from "react-spring" console.log(spring)
浏览 12提问于2022-06-12得票数 0
我有这个效果的地方，但我想有底部按钮的动画稍微延迟时，悬停，我希望顶部按钮动画稍微延迟时，取消悬停。我如何使用react-spring来实现这一点？
浏览 36提问于2020-10-14得票数 0
回答已采纳
我使用的是react-spring。我正在改变背景颜色，这是工作，但我希望这样做。等待10秒，然后在这10秒之后，没有延迟地在颜色之间循环。我也希望每种颜色都有1秒的持续时间。目前我的问题是，它会等待10秒，然后开始循环，但每次颜色变化都会让我等待10秒。不确定我做错了什么 import {useSpring, animated} from 'react-spring';
const AnimatedView = animated(View);
浏览 33提问于2021-10-31得票数 1
回答已采纳
我不想单独延迟每一项，这样每一项都会相对于前一项延迟呈现。我如何在react-spring中实现这一点？<code>A0</code>
浏览 37提问于2021-03-15得票数 0
回答已采纳
/App.css";function App() {}
从上面的代码中，我试图使用刚使用useSpring下载的reactspring库中的np
浏览 2提问于2022-04-15得票数 0
我一直在in-out模式下使用，但由于我的动画主要是使用react-spring包中的钩子useSpring完成的，所以我宁愿完全从React Transition Group迁移。看看react-spring中的钩子useTransition，我没有看到为leave引入延迟的方法。)=>{callback}} /* here go routes */</Swit
浏览 6提问于2020-04-27得票数 1
1回答
我想知道是否有可能在react弹簧中增加一个插值值的延迟。我希望有一个弹簧驱动多个动画，所以我不认为useChain或useTransition会在这里工作。我有一个这样的弹簧：const spring = useSpring({x: isActive ?1 : 0})
const opacity = spring.x.to([0,
浏览 6提问于2022-08-10得票数 0
index, }etc uploadMultipartFile中没有正确的uploadId，这导致了很大的问题
浏览 282提问于2021-01-26得票数 0
回答已采纳
下面的教程和代码看起来是相同的，但仍然会出错："126:20-30‘react spring’不包含名为‘Transition’的导出。“我已经阅读了react的文档，以获得转换效果，并且修改了导入，试图将我的代码重新定义为docs所说的，但仍然什么也没有。import React, { Component, Fragment, createContext } from 'react';
import { Transition } from 'react</
浏览 1提问于2019-05-08得票数 0
1回答
react-spring转换页面上显示的第一个示例是错误的，代码与显示的动画不对应。 如何才能达到相同效果?如何在每个组件的输入和使用弹簧缓动之间获得延迟？
浏览 13提问于2020-04-24得票数 1
回答已采纳
所以，我基本上是使用React-Spring创建我自己的滑块，这是Slider.js的代码： import React, {useState} from 'react'import {Transition} from 'react-spring/renderprops'
import '..st
浏览 20提问于2020-06-21得票数 0
回答已采纳
1回答
我使用react-spring和呈现支持API来设置背景大小的CSS属性。只要背景图像发生变化，就会触发更改。问题是:背景图像并不总是以足够快的速度加载，以使背景大小能够完美地改变。是否有一种将Spring延迟到加载背景图像的方法，还是必须预先预加载所有背景图像？这是我的代码： from={{backgroundSize: "105%", backgroundImage: streamRectangleBackground}
浏览 5提问于2020-02-13得票数 0
回答已采纳
例如，隐藏/显示某些视图具有spring或easeIn动画。或者改变文本值似乎有某种淡出动画。但在我的代码中，我还没有定义它们。有谁有过同样的问题吗？是否有可能完全禁用LayoutAnimations上的iOS？用新的布局动画重写先前的布局动画：<rctlayout动画组: 0x283352f70；creatingLayoutAnimation：<1；>ayout动画: 0x282628f80；持续时间: 0.700000；延迟1;>> -> <rctlayout动画组: 0x283283
浏览 10提问于2021-02-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
