search

MrToph / react-native-progress-circle

A light-weight progress circle indicator for React Native.
MIT License
191 stars 83 forks source link

how to set progress-circle style ? #9

Closed JeckChou closed 6 years ago

JeckChou commented 6 years ago

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

MrToph commented 6 years ago

Hi, Yes, you cannot style the ProgressCircle this way.

You need to wrap it in a View and set the margin-bottom on the View

JeckChou commented 6 years ago

thanks for your reply and I will try yours.

@MrToph thank you again.

JeckChou commented 6 years ago

wrap in a view is a solution.

thanks