1.0.4 • Published 12 months ago

react-native-animated-circular-counter v1.0.4

Weekly downloads
-
License
ISC
Repository
github
Last release
12 months ago
  • A react native component of animated circular progress-bar that can use for counting up/down with animation of filling/ un-filling circle, in typescript.

  • It comes with a built-in TypeScript typings and is compatible with all popular JavaScript frameworks. You can use it directly or leverage well-maintained wrapper packages that allow for a more native integration with your frameworks of choice.

Examples:

npm.io npm.io npm.io npm.io

How to use:

import CircularTimer from 'react-native-animated-circular-counter';

  <CircularTimer
            duration={10}
            height={60}
            width={80}
            onFinish={() => {
              setShowCountDown(false);
            }}
            progressColor="pink"
            circleColor="white"
            isCountDown={true}
            animateFillProgress={true}
            intervalDuration={1000}
            strokeWidth={8}
          />

CountryCodePicker Props -

NameTypeDefault
durationnumber
widthnumber
heightnumber
viewStyle?ViewStyle
onFinish() => void
textStyle?TextStyle
easingType?EasingFunctionEasingFunctionFactory
progressColor?string
circleColor?string;
animateFillProgress?boolean
isCountDown?boolean
intervalDuration?number
strokeWidth?number
1.0.4

12 months ago

1.0.3

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago