{"library":"react-native-circular-progress","title":"react-native-circular-progress","description":"A React Native component for creating animated, circular progress indicators using SVG. Version 1.4.1 is the latest stable release, with infrequent updates. It leverages react-native-svg for rendering, supports animated transitions, and offers customizable size, width, tint color, background color, line caps, arc sweep angle, and children functions for displaying progress text. Differentiators include a simple API, TypeScript types, and the ability to render caps and manually trigger timing animations via the animate() method. Peer dependencies: react >=16.0.0, react-native >=0.50.0, react-native-svg >=7.0.0.","language":"javascript","status":"active","last_verified":"Sat Apr 25","install":{"commands":["npm install react-native-circular-progress"],"cli":null},"imports":["import { AnimatedCircularProgress } from 'react-native-circular-progress'","import { CircularProgress } from 'react-native-circular-progress'","import type { CircularProgressProps, AnimatedCircularProgressProps } from 'react-native-circular-progress'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import React from 'react';\nimport { View } from 'react-native';\nimport { AnimatedCircularProgress } from 'react-native-circular-progress';\n\nconst App = () => (\n  <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>\n    <AnimatedCircularProgress\n      size={120}\n      width={15}\n      fill={100}\n      tintColor=\"#00e0ff\"\n      onAnimationComplete={() => console.log('Animation complete')}\n      backgroundColor=\"#3d5875\"\n    />\n  </View>\n);\n\nexport default App;","lang":"typescript","description":"Basic usage of AnimatedCircularProgress with required props: size, width, fill, tintColor, and backgroundColor.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}