Rn-circular-linear-progress NPM

rn-circular-linear-progress

Note: Current only support for expo

Demo

IOS	Android

Installation

npm install rn-circular-linear-progress
or
yarn add rn-circular-linear-progress

Usage

import CircleLinearProgress from 'rn-circular-linear-progress';

export default function App() {
  return (
    <View style={styles.container}>
      <CircleLinearProgress percent={50} />
    </View>
  );
}

Or

import { Text } from 'react-native';
import CircleLinearProgress from 'rn-circular-linear-progress';

export default function App() {
  return (
    <View style={styles.container}>
      <CircleLinearProgress percent={50}>
        <Text>Helo</Text>
      </CircleLinearProgress>
    </View>
  );
}

Props

Props	Type	Note
percent	number	1-100
children	ReactNode
labelStyle	TextStyle	Style of default label
duration	number	Duration for animation
colors	string[]
size	number	Width of circle
strokeWidth	number
bgColorContent	string
childContainerStyle	ViewStyle