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