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 | NumberValue 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 |