https://github.com/rnkit/react-native-progressbar

https://github.com/rnkit/react-native-progressbar

Last synced: about 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/rnkit/react-native-progressbar
• Owner: rnkit
• License: mit
• Created: 2017-04-20T07:52:28.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2017-05-02T09:35:22.000Z (about 9 years ago)
• Last Synced: 2024-04-25T15:44:33.150Z (about 2 years ago)
• Language: JavaScript
• Size: 824 KB
• Stars: 2
• Watchers: 8
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
[![npm][npm-badge]][npm]

 [![react-native][rn-badge]][rn]

 [![MIT][license-badge]][license]

 [![bitHound Score][bithound-badge]][bithound]

 [![Downloads](https://img.shields.io/npm/dm/rnkit-input.svg)](https://www.npmjs.com/package/rnkit-input)

 

 ProgressBae for [React Native][rn].

 

 [**Support me with a Follow**](https://github.com/wish570225463/followers)

 

 

 ![](https://github.com/wish570225463/react-native-progressbar/blob/master/image/ios.gif?raw=true)

 

 [npm-badge]: https://img.shields.io/npm/v/rnkit-input.svg

 [npm]: https://www.npmjs.com/package/rnkit-input

 [rn-badge]: https://img.shields.io/badge/react--native-v0.28-05A5D1.svg

 [rn]: https://facebook.github.io/react-native

 [license-badge]: https://img.shields.io/dub/l/vibe-d.svg

 [license]: https://raw.githubusercontent.com/rnkit/rnkit-input/master/LICENSE

 [bithound-badge]: https://www.bithound.io/github/rnkit/rnkit-input/badges/score.svg

 [bithound]: https://www.bithound.io/github/rnkit/rnkit-input

## Getting Started

 

### iOS and Android

 

 * ####npm

 

 `npm install react-native-progressbar`

 

 * ####yarn

 `yarn add react-native-progressbar`

 

 ## Basic Usage

 

 Import library

 

 ```

 import Progress from 'react-native-progressbar';

 ```

 ```jsx

 this.refs.progress.show();	//显示进度条。

 

 this.refs.progress.changeProgress(per);	//改变进度条进度。per:当前进度所占百分比

 

 this.refs.progress.finish();	//进度条完成，并隐藏。

 

 render() {

	    return (

	         {console.log('完成')}}/>

	    );

  }

 

 ```

 

 #### Params

 

 | Key | Type | Default | Description |

 | --- | --- | --- | --- |

 | title | string | '进度' |提示文字。|

 | onFinish | function |  |进度条完成之后的回调|

  

 ## Contribution

 

 - [@wish5702254693](mailto:5702254693@qq.com) The main author.

 

 ## Questions

 

 Feel free to [contact me](mailto:5702254693@qq.com) or [create an issue](https://github.com/wish5702254693/react-native-progressbar/issues/new)

 

 > made with ♥