Skip to content

githuboftigran/rn-astbelt-activity-indicator

Repository files navigation

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';

...

<AstbeltActivityIndicator style={{width: 100, height: 100}} />

...

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

About

A native activity indicator looking like an asteroid belt

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published