[React Native] Issue - Progress bar 에서 Progress 가 채워지지 않는 문제

react-native-progress 를 이용해 상태 바를 표시하게 되는 경우 아래 그림과 같이 바의 일부분만 채워지는 문제가 발생한다. 

<Progress.Bar
    animated={false}
    color='pupple'
    unfilledColor='white'
    progress={progress}
    height={10}
    width={width*0.6}/>

 

문제 상황

이는 아래와 같이 View Component 로 Progress.Bar Component 를 감싸주면서 간단하게 해결이 가능하다.

<View>
    <Progress.Bar
        animated={false}
        color='pupple'
        unfilledColor='white'
        progress={progress}
        height={10}
        width={width*0.6}/>
</View>