2017-07-12 8 views
0
I want to draw a animated circuler progress on which run with duration when i start animation it show not properly After Complete Animation it show only a 

import { AnimatedCircularProgress } from 'react-native-circular-progress'; 
import React,{Component} from 'react'; 
     import PercentageCircle from 'react-native-percentage-circle'; 
import { 
    AppRegistry, 
    Image, 
    StatusBar, 
    StyleSheet, 
    TouchableOpacity, 
    View, 
} from 'react-native'; 
export default class FirstScreen extends Component { 

componentDidMount() { 
     this.circularProgress.performLinearAnimation(100, 8000); 

    } 
render() { 
    return (
     <View> 
<AnimatedCircularProgress 
    size={120} 
    width={15} 
    fill={100} 
    tintColor="#00e0ff" 
    backgroundColor="#3d5875" 
    ref={(AnimatedCircularProgress) => { this.circularProgress = AnimatedCircularProgress; }}/> 
     </View> 
    ); 
    } 
} 
AppRegistry.registerComponent('GTproject',() =>FirstScreen); 

The link i follow is https://github.com/bgryszko/react-native-circular-progress 
The Screen shot of animation from start to end first it start a circle from 0 but one line from an other side is also with this circle as in show below link 

Zuerst es zeigt als https://ibb.co/kEZ2za Dann zeigen Sie es als https://pictub.club/image/79MtJC Dann nach vollständigem Kreis zeigen nur Zeile https://pictub.club/image/79M9WGReact-native Animieren Kreis Fortschritt nicht richtig funktioniert

Antwort