JSPM

react-native-awesome-progress

1.0.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
    • 0
  • Score
    100M100P100Q24923F
  • License MIT

Package made for displaying a data value as a visual component, simple & fully customizable

Package Exports

  • react-native-awesome-progress

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-awesome-progress) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-native-awesome-progress

Getting started

$ npm install react-native-awesome-progress --save

Usage

import Progress from "react-native-awesome-progress";

<Progress value={25} height={24} progressStyle={{ borderRadius: 24 }} />;

Properties

Prop Description Default Type
value Current value of the progress 0 integer
height Height of progress, only in type 'horizontal' 24 integer
type Type of progress "horizontal" ["horizontal", "vertical", "circular"]
progressStyle Style of main progress indicator null ViewStyle
innerStyle Style of background of indicator null ViewStyle
containerStyle Style of whole container null ViewStyle
map Map a input value to another value {min: 0, max: 100} object:{min: integer, max: integer}