react-native-lite-progress

Support for Progress

Example

npm install react-native-lite-progress

Usage

import { StyleSheet, View } from 'react-native';
import { ProgressCircle, ProgressCircleCard } from 'react-native-lite-progress';

export default function App() {
  return (
    <View style={styles.container}>
      <ProgressCircle
        data={[
          { value: 40, color: '#22C5' },
          { value: 10, color: '#FBBF' },
          { value: 50, color: '#E5E7' },
        ]}
        size={200}
        strokeWidth={20}
        gap={4}
        style={{ marginBottom: 10 }}
      />
      <ProgressCircleCard
        data={[
          { value: 40, color: '#22C5' },
          { value: 10, color: '#FBBF' },
          { value: 50, color: '#E5E7' },
        ]}
        title="Hello"
        // arrowIcon={...}
        size={200}
        strokeWidth={20}
        gap={4}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
});

Contributing

• Development workflow
• Sending a pull request
• Code of conduct

License

MIT

Made with create-react-native-library