mindinventory / react-native-speed-view Goto Github PK

View Code? Open in Web Editor NEW

speed progress view, using this component we can show the speed. you can also use it to show progress of any task with effective customized animated view.

License: MIT License

JavaScript 7.27% TypeScript 41.21% Java 31.98% Swift 0.30% Ruby 2.84% C 0.51% Objective-C 15.89%

react-native-speed-view's Introduction

react-native-speed-progress-view

SpeedView, using this component we can show the speed progress with effective UI. you can also use it to show progress of any task with effective animated view.

Component props

prop	value	required/optional	Description
percentage	number	required	Default value `85`
maxPercentage	number	optional	Default value `100`
showProgress	boolean	optional	Default value `true`
size	number	required	To define component size
gradientColorStart	GradientColor	optional	GradientColor interface has two parameter `color` & `Opacity`
gradientColorEnd	GradientColor	optional	GradientColor interface has two parameter `color` & `Opacity`
enableBounceEffect	boolean	optional	Default value `true`
progressFormatSign	string	optional	Allow user to set formate of progress text formate to change.

Installation

yarn add @mindinventory/react-native-speed-view

Usage

<SpeedView
  percentage={75}
  size={250}
  showProgress={true}
/>

To run example

Goto example directory and install all packages that requires.

cd example && yarn

Pod Installation: cd example && cd ios && pod install && cd ..

To Run: yan ios