Better sized and more informative character counter
This commit is contained in:
parent
39bab0bb08
commit
73c84f6f64
3 changed files with 24 additions and 28 deletions
|
@ -1,3 +0,0 @@
|
|||
// @ts-ignore no type definition -prf
|
||||
import ProgressCircle from 'react-native-progress/Circle'
|
||||
export default ProgressCircle
|
|
@ -1,20 +0,0 @@
|
|||
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
|
Loading…
Add table
Add a link
Reference in a new issue