问题标签 [react-pose]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
270 浏览

javascript - react-pose 延迟姿势组高度转换,直到孩子之后

目前,当我从列表中删除一个项目时,姿势组 div 会变短,并且项目会同时滑出。如何告诉姿势组等到项目完成动画后再更新姿势组的高度?要延迟一个项目,你添加delay到配置中,但是我如何延迟一个姿势组?

0 投票
1 回答
261 浏览

javascript - 反应姿势 - 从右侧动画,从左侧退出

我目前正在玩 React 姿势。我正在尝试做的是从右侧为不同的框设置动画,然后在左侧退出它们。但是,我似乎无法preEnterPose按照我想要的方式工作。它似乎总是默认为退出姿势。

我怎样才能让盒子从右边进入动画,然后从左边退出?这是我正在使用的 https://codesandbox.io/s/react-pose-enterexit-o2qqi?fontsize=14&hidenavigation=1&theme=dark

0 投票
0 回答
36 浏览

reactjs - 使用 react-pose 的 React 路由器页面转换似乎没有做任何事情

我有以下应用程序:

但是,当我单击关于页面或返回时,我看不到任何页面转换。有谁知道为什么?

0 投票
1 回答
105 浏览

reactjs - react-spring 等效于 react-pose PoseGroup

当列表更改时,React Pose PoseGroup 仅使用 FlipMove 选项为列表元素设置动画

https://codesandbox.io/s/inspiring-herschel-37bvs

如何用 react-spring 做到这一点?

如果删除了一个项目,我想为列表设置动画,并且动画顺利填补了空白

0 投票
0 回答
24 浏览

javascript - 转换前 React Pose 组件更改

我正在迁移到 React 并且需要使用 React Pose。

Javascript代码:

当我单击链接时,组件首先显示单击的内容,然后退出并进入。

click link, change component, exit, enter

应该是什么

click link, exit, change component, enter

0 投票
0 回答
13 浏览

javascript - 如何防止滚动反应姿势

我添加了一个动画,但它会自动向上滚动我该如何防止它。当它自动渲染反应姿势(动画)时。当你到达底部时,你可以看到它正在上升屏幕。

[在此处输入图像描述][1] 这是 Animation.js

这是 shuffle.js

这是 App.js

这是 Navbar.js