/ReactOdometer

odometer in the form of react

Primary LanguageJavaScript

ReactOdometer

将Odometer转化为react控件。

注意

这个控件并没有试图替代odometer,只是把odometer的api封装为react的api而已。你依然需要引入odometer的js和css文件。比原生odometer方便一点点的地方是: format(数字格式)是可以实时更改的。

##DEMO

image

使用

在你的文件中引入odometer.js和odometer.css文件

  • rnStyle : css类名。用于定制显示的格式
  • value : 显示的值
  • format : 显示的格式。如11,222。请参考这里
  <RunningNumber rnStyle="my-running-number" value={this.state.value} format={this.state.format}/>

TODO

  • 动态更改odometer的format
  • 动画duration接口