ReactMotion Demo8 分析

链接

首先通过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值根据排序来决定

posted @ 2015-11-04 17:17  wangchao719  阅读(328)  评论(0)  编辑  收藏  举报