React Motion 这个库解决了什么问题? React 弹性动画库

程序名称:React Motion 这个库解决了什么问题?

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

React Motion 这个库解决了什么问题? 介绍

React Motion 是一个 React 弹性动画库,使用 0-10 的弹性参数进行动画处理:

import {Motion, spring} from 'react-motion';
// In your render...
<Motion defaultStyle={{x: 0}} style={{x: spring(10)}}>
  {value => <div>{value.x}</div>}
</Motion>

这个库解决了什么问题?

对于 95% 的动画组件使用案例,我们没有必要用硬编码(把配置写死)式的缓冲曲线和时间过渡来重排序。只需要给你的 UI
设置一个刚度系数和阻尼系数,接下来让神奇的物理原理处理即可。用这种方式,根本无需担心如中断动画等小问题。它也极大的简化了 API 。

该库还为 React 的 TransitionGroup(React 自带的 CSS 动画组件)提供了一个更强大的替代 API :

  • spring

  • Motion

  • StaggeredMotion

  • TransitionMotion

  • presets

React Motion 这个库解决了什么问题? 官网

https://github.com/chenglou/react-motion

相关编程语言

Acapela TTS 是一个为 iPhone 和 iPad 开发的 TTS 引...
二维码(QR Code)扫描静态库,扫描效率较高。
RegexKitLite 是一个轻量级的 Objective-C 的正则表...
一款基于ASIHttpReques开源的仿迅雷多线程断点续传功...
实现动态检测网络(wifi)状况,不需要用户手动刷新...
使用iphoneSDK官方NSXMLParserDelegate做的简单xml解...