0

我试图促进视图转换,其中一个大型容器组件从一侧滑入,而另一个滑出到另一侧。

我可以让所有离散动画与反应运动一起工作,但是,我不知道如何同时处理这两个动画。

本质上,有一点是两个组件同时驻留在视口中。我觉得我对 CSS 布局的了解不足以正确处理问题。

我最初的想法是让滑动元素绝对定位在一个相对定位的容器内。但是,这种绝对定位对包含在绝对定位容器内的所有组件都有副作用。

这是一个已解决的问题(iOS 视图一直来回滑动,并在弹出视图端口时保留布局行为)。

如果有人能给我指出一个很好的资源来理解这个问题,或者给我一些一般性的建议,我将不胜感激。我的主要问题是我不知道要研究哪些主题或哪些书籍/在线资源有助于解释此类问题的解决方案。

4

1 回答 1

0

我使用了一个很棒的包,叫做 react-transition ,听起来它可以处理你提到的情况。在这里查看:https ://www.npmjs.com/package/react-transitions你可以在这里看到一个演示:https ://szchenghuang.github.io/react-transitions/

于 2017-05-26T15:14:38.017 回答