rn-astbelt-activity-indicator
v1.0.1
Asteroid belt looking activity indicator with progress
reactreact-componentreact-native-componentreact-nativeandroidioscustomactivity-indicatoractivityindicatorprogress
7/weekUpdated 3 years agoMITUnpacked: 2.5 MB
Published by Tigran Sahakyan
AstbeltActivityIndicator
A high quality react native component backed by custom native iOS and Android views.
Installation
1. Add
* npm: npm install --save rn-astbelt-activity-indicator
* yarn: yarn add rn-astbelt-activity-indicator
2. Linking
##### For older React native versions ( < 0.60 ) you need to link the library:
- Run react-native link rn-astbelt-activity-indicator
- If linking fails, follow the
manual linking steps
##### For newer React native versions ( >= 0.60 ) you need to install pods for iOS:
- cd ios && pod install && cd ..
- For android everything works out of the box
Usage
``AstbeltActivityIndicator` should have fixed width and height.
`
import AstbeltActivityIndicator from 'rn-astbelt-activity-indicator';
...
...
``
#### Properties
| Property | Description | Type | Default Value |
|----------|-----------------------|------|:-------------:|
| progress | Progress segment degrees / 360 | Number
Value should be in range [0, 1] | 0 |
| blankColor | Color of blank dots | String
(#RRGGBB or #AARRGGBB) | #ffffff |
| progressColor | Color of dots in progress segment | String
(#RRGGBB or #AARRGGBB) | #ff60ad |