I'm in process of upgrading my app which is using react-native-progress-circle v2.0.1, will it be compatible if I upgrade the react-native version to 5.7?

Hi MrToph,

is it possible to make/have this little circular marker at the tip?

thanks.

image for reference only.
like your library. very easy to use.

i need to change the starting point how to do it

Hello,

Any idea to add transparency inside the circle?

Thank you for your work!

I obtain the next error when tried render in Android 10:

anything idea ?

"react-native": "0.60.5",
"react-native-progress-circle": "2.1.0",

Hi, Is possible to change the loader?

i have the negative percentage...

Thanks

Cannot see shadow

`import React, {Component} from 'react';
import {StyleSheet, Text, View, TouchableWithoutFeedback} from 'react-native';
import ProgressCircle from 'react-native-progress-circle'

export class ProgressBarHeightToWaistRatio extends Component {

getColor(value) {
if (value < 42) {
return "#58defc"
} else if (value >= 42 && value < 49 ) {
return "#89dd78"
} else if(value >= 49 && value < 54){
return "#f7a743"
} else {
return "#f92e2a"
}
}
render() {
const radius = this.props.value < 100 ? 25 : 32
return (


{this.props.value}%


)
}
}

const styles = StyleSheet.create({
value: {
fontSize: 14,
fontFamily: 'Lato-Regular',
letterSpacing: 0.13,
lineHeight: 17,
padding: 10,
color: '#FFFFFF',
fontWeight: 'bold',
}
})
`

I have this code snippet:

<View style={{ marginTop: 25 }}>
    <ProgressCircle
        percent={40}
        radius={85}
        borderWidth={10}
        color={Colors.ORANGE}
        shadowColor={Colors.ORANGE_40}
        bgColor={Colors.WHITE}
    >
        <Icon name="play" size={40} color={Colors.BLUE} />
    </ProgressCircle>
</View>

I don't know what i have do wrong but my progress circle draw like this:

Maybe I am doing something wrong. Can you please help me @MrToph? Or is this real issue?

Hi,
I am using this lib, but i can not set style to ProgressCircle, it is not working.

this is my code
<ImageBackground style={styles.backgroundImage} imageStyle={styles.imageStyle} source={require('../img/img2.png')} > {/* <Text style={{ fontSize:20 , color:0XFF0000FF,marginBottom:100}}>JECK</Text> */} <ProgressCircle style={{ marginBottom: 100 }} percent={30} radius={20} borderWidth={8} color="#3399FF" shadowColor="#999" bgColor="#fff"> </ProgressCircle> </ImageBackground>

Text component is work with marginbottom, but ProgressCircle is not. can you help me ? thanks

the circle does not look like circle anymore after upgrading to 0.59.8.

how do i increase the width and height size?

<View style={styles.progressChart}>
                        <ProgressCircle                            
                            percent={80}
                            radius={50}
                            borderWidth={10}
                            color="#1F78B4"
                            shadowColor="#999"
                            bgColor="#fff"
                        >
                            <Text style={{ fontSize: 18 }}>{'20'}</Text>
                        </ProgressCircle>

when I use the package it works fine in phone language en-US when I change language to arabic or any right to left language the result very strange .. I need your help

hi How do I change the starting point?

Hi, is possible make this with your plugin?

I tried bgColor='rgba(52, 52, 52, 0.8)' and bgColor='transparent'

@MrToph

Hi, Christoph

How can I add gradient for this progress circle?

Thanks in advance.

How can i achieve transparent middle?

can not find in documentation how to animate progress circle filling

Is there any way on how to make the percentage dynamic, let's say we are fetching data from the API and we are going to show this progress circle?

When using the component with RN 0.59, I get this warning:

tried with different parameters..

I am trying to make the progress bar smaller than the original one because by default its kinda big. I want to give custom height and width to progress bar but there is no such way.

Is there a way to set the color with gradient?

hello,

I have tried to use your library, however, for some reason, the outer circle is not round!

I have copied the example code from your readme, it is the only thing returned by the render function, so I don't think it is the result of interference from styles of other parts of the code.

react-native version: 0.44.0
android api: 16 (emulator with 720x1280 resolution)

what do you think can cause this behavior?

thanks in advance.