ReactMotion Demo8 分析
2015-11-04 17:17
447 查看
链接
首先通过spring函数Motion的style参数，
传入Motion Component，
计算style的过程：
其中被选中的y与mouse一致，shadow与scale不同
未被选中的y值根据排序来决定
首先通过spring函数Motion的style参数，
传入Motion Component，
计算style的过程：
const style = lastPressed === i && isPressed
? {
scale: spring(1.1, springConfig),
shadow: spring(16, springConfig),
y: mouse,
}
: {
scale: spring(1, springConfig),
shadow: spring(1, springConfig),
y: spring(order.indexOf(i) * 100, springConfig),
};其中被选中的y与mouse一致，shadow与scale不同
未被选中的y值根据排序来决定
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- ReactiveCocoa - iOS开发的新框架
- React Native Android Cookie Problem
- ReactiveCocoa2 源码浅析
- ReactionCocoa 登陆界面
- ReactiveCocoa Weak-Strong Dance
- 细说ReactiveCocoa的冷信号与热信号（二）：为什么要区分冷热信号
- React Native 添加自定义UI组件
- React入门：关于JSX语法
- React入门：关于虚拟DOM（Virtual DOM）
- React Native实战（二）：Android的打包
- React Native for Android 实战（一）：配置和起步
- React Native 开发环境安装和配置
- ReactiveCocoa初步
- ReAct 入门常用语法
- webpack react-hot-loader配置
- ReAct 基本语法
- React 组件之间 事件调用(子组件调用父亲组件)
- React 组件之间 事件调用(父组件调用子组件)
- reactnative资源
- 细说ReactiveCocoa的冷信号与热信号（一）