rnkit / react-native-progressbar

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

npm react-native MIT bitHound Score Downloads

ProgressBae for React Native.

Support me with a Follow

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';
this.refs.progress.show();	//显示进度条。

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

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

render() {
       return (
           <Progress ref={'progress'} title={'正在下载'} onFinish={() => {console.log('完成')}}/>
       );
 }

Params

Key Type Default Description
title string '进度' 提示文字。
onFinish function 进度条完成之后的回调

Contribution

Questions

Feel free to contact me or create an issue

made with ♥

About

License:MIT License


Languages

Language:JavaScript 39.8%Language:Objective-C 35.6%Language:Python 13.9%Language:Java 10.7%