rn-circular-linear-progress

Note: Current only support for expo

Demo

| IOS | Android |
| -------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
| !IOS-ezgif com-video-to-gif-converter | !ANDROID-ezgif com-video-to-gif-converter |

Installation

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

`Usage`

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

export default function App() { return ( ); }`

`$3`

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

export default function App() { return ( Helo ); }``

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

Demo

Usage

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

export default function App() {
  return (
    
      
    
  );
}

$3

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

export default function App() {
  return (
    
      
        Helo
      
    
  );
}

Props