JSPM – react-native-tooltip-progress-bar@1.1.2

Package Exports

react-native-tooltip-progress-bar
react-native-tooltip-progress-bar/index.tsx

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-tooltip-progress-bar) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

This React Native Package is developed by Ayush Khade. A simple library for progress bar with a tooltip option and fully customisable.

Demo

Installation

Go to your project's root folder and run npm install react-native-tooltip-progress-bar or yarn add react-native-tooltip-progress-bar.
Run npm run ios or npm run android to start your application! (Using yarn: yarn ios or yarn android)

Usage

import RNProgressBar from 'react-native-tooltip-progress-bar';

//------------
<RNProgressBar
  low={10}// number 
  high={200}// number
  value={98}// number
  options={{/*properties*/}}
  type={'vertical'}// 'vertical' or 'horizontal'
  showTooltip={true}// true or false
/>
//------------

Properties for RNProgressBar

Prop	Description	Default
`low`	Lower limit of a `Progress Bar`.	`0`
`high`	Higher limit of a `Progress Bar`.	`100`
`value`	Progres value.	`Random`
`type`	Progress Bar type `horizontal` or `vertical`.	`horizontal`
`showTooltip`	Tooltip is `visible` when `true`.	`true`
`options`	Options for the Progress Bar	`{ leftColor:"#008b91", rightColor:"#b53636", barThickness:10 }`

react-native-tooltip-progress-bar