项目作者: abaktiar

项目描述 :
React native Multi Progress Bar component
高级语言: JavaScript
项目地址: git://github.com/abaktiar/rn-multi-progress-bar.git
创建时间: 2019-10-20T08:03:39Z
项目社区:https://github.com/abaktiar/rn-multi-progress-bar

开源协议:MIT License

下载


Multi-Progress Bar

Multi-Progress Bar is a React-Native component. Which can be used to show several progress.

Demo

alt text

Installation

npm

  1. npm i rn-multi-progress-bar

yarn

  1. yarn add rn-multi-progress-bar

Usage

  1. import * as React from "react";
  2. import { ProgressBar } from "rn-multi-progress-bar";
  3. const MyComponent = () => {
  4. return (
  5. <ProgressBar
  6. shouldAnimate={true} // to enable animation, default false
  7. animateDuration={1000} // if animation enabled
  8. data={[
  9. { progress: 7, color: "rgb(255, 193, 2)" },
  10. { progress: 13, color: "rgb(55, 106, 255)" },
  11. { progress: 5, color: "rgb(229, 232, 249)" }
  12. ]}
  13. ></ProgressBar>
  14. );
  15. };
  16. export default MyComponent;