Skip to content

README.md

Latest commit

 

History

History
46 lines (31 loc) · 1.53 KB

README.md

File metadata and controls

46 lines (31 loc) · 1.53 KB
Raw

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