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

浙公网安备 33010602011771号