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

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Made with create-react-native-library