chenglou/react-motion

Add section to the README about generic usage of interpolated value

开放

#494 创建于 2017年9月25日

 (0 条评论) (0 个反应) (0 位负责人)JavaScript (1,160 个派生)batch import
docshelp wanted

仓库指标

星标
 (21,646 个星标)
PR 合并指标
 (PR 指标待抓取)

描述

Put is somewhere at the top.

Make sure it is clear that styles prop is not working with, well, actually styles, but gives you ability to use value to derive all other values of your styles.

See https://github.com/chenglou/react-motion/issues/304#issuecomment-331750756

React motion does not operate "style" (I agree that is a misleading name for prop). It only applies function over any number you pass. This way it can stay minimal and you have all power to interpolate any number-related values.

<Motion defaultStyle={{whatever: 0}} style={{whatever: spring(1)}}>
  {({whatever}) => (
    <div style={{color: `rgb(${255 * whatever}, ${255 * whatever}, ${255 * whatever})`}}>
      Hey, I'm transitioning color!
    </div>
  )}
</Motion>

Related:

贡献者指南