title: How to override component view to main screen react native?
body: <p>I am trying to create notification screen and I have an icon in the app bar. For the header, I am using "react-native-flat-header". Everything is working fine but on the press of notification icon I need to open a box that will show the list of notifications.</p>
  
  <p>I am trying to show the box screen but it's not showing out of my header component. </p>
  
  <p>I need to design</p>
  
  <p><a href="https://i.stack.imgur.com/mr9ct.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mr9ct.png" alt="enter image description here"></a></p>
  
  <p>Here is my header component:</p>
  
  <pre><code>&lt;FlatHeader
      &lt;View style={styles.notification}&gt;
                                          &lt;View style={styles.triangle}/&gt;
                                      &lt;/View&gt;
  /&gt;
  notification:{
          right: 70,
          top:20
      },
      triangle: {
          width: 0,
      height: 0,
      backgroundColor: 'transparent',
      borderStyle: 'solid',
      borderLeftWidth: 10,
      borderRightWidth: 10,
      borderBottomWidth: 20,
      borderLeftColor: 'transparent',
      borderRightColor: 'transparent',
      borderBottomColor: 'red',
  
          //position:'absolute',
          zIndex: 1,
          position: 'absolute'
      },
  </code></pre>