src/view/com/util/ProgressCircle.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

import {View} from 'react-native'
import {CircularProgressbar, buildStyles} from 'react-circular-progressbar'

const ProgressCircle = ({
  color,
  progress,
}: {
  color?: string
  progress: number
}) => {
  return (
    <View style={{width: 20, height: 20}}>
      <CircularProgressbar
        value={progress * 100}
        styles={buildStyles({pathColor: color || '#00f'})}
      />
    </View>
  )
}
export default ProgressCircle