title: React Native Paper ProgressBar Not visible
body: <p>Hello i was following along a tutorial and it was going fine, until the tutor used react-native-paper ProgressBar in his project, I wrote exactly same but it was not visible, I found the documentation and plugged it, still not visible.</p>
  <p>What am i Doing wrong?</p>
  <pre><code>import {View, StyleSheet, Text} from 'react-native' ;
  import { ProgressBar, Colors } from 'react-native-paper';
  
  import CountDown from '../comps/CountDown.js' ;
  
  const Timer = ({task}) =&gt; {
    return ( 
      &lt;View style={styles.container}&gt; 
        &lt;CountDown /&gt;
        &lt;Text style={styles.text}&gt; Focusing On:&lt;/Text&gt;
        &lt;Text style={[styles.text, styles.textBold]}&gt; {task} &lt;/Text&gt;
        &lt;ProgressBar progress={0.4} color='#5E84E2' style={styles.progress}/&gt;
      &lt;/View&gt;
    ) ;
  }
  
  const styles = StyleSheet.create({
    container : {
      flex: 1,
      width: 100,
      alignItems: 'center' ,
      justifyContent: 'center',
      paddingTop: 40,
    },
    text: {
      // flex: 0.5, 
      color: 'white'
    },
    textBold: {
      fontWeight: 'bold' ,
      // borderColor: 'white',
      // borderWidth: 1,
      // borderStyle: 'solid' ,
    },
    progress: {
      height: 10,
      // borderColor: 'white',
      // borderWidth: 1,
      // borderStyle: 'solid' ,
    }
  }) ;
  
  export default Timer ;
  </code></pre>
  <p>Also, If i were to Give border to the progressBar, it appears but keep on increasing in width even when width is more than the viewport width. I dont know what is happening</p>