Open tarunmehta-quovantis opened 5 years ago
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 ( <ProgressCircle percent={100} radius={radius} color= "#f7a743" shadowColor="#999" bgColor= "#f7a743"
{this.props.value}% ) } }
) } }
const styles = StyleSheet.create({ value: { fontSize: 14, fontFamily: 'Lato-Regular', letterSpacing: 0.13, lineHeight: 17, padding: 10, color: '#FFFFFF', fontWeight: 'bold', } }) `
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 ( <ProgressCircle percent={100} radius={radius} color= "#f7a743" shadowColor="#999" bgColor= "#f7a743"
const styles = StyleSheet.create({ value: { fontSize: 14, fontFamily: 'Lato-Regular', letterSpacing: 0.13, lineHeight: 17, padding: 10, color: '#FFFFFF', fontWeight: 'bold', } }) `