1.0.1 • Published 5 years ago

rn-astbelt-activity-indicator v1.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
5 years ago

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

PropertyDescriptionTypeDefault Value
progressProgress segment degrees / 360NumberValue should be in range 0, 10
blankColorColor of blank dotsString(#RRGGBB or #AARRGGBB)#ffffff
progressColorColor of dots in progress segmentString(#RRGGBB or #AARRGGBB)#ff60ad