title: Can not overlay a image on Appbar of my screen. (React-Native, react-native-paper)
body: <p>I tried to overlap an image on <strong>Appbar</strong> Component and it's not happening.</p>
  <p>Here is my code...</p>
  <pre><code>&lt;View style={{flex: 1, backgroundColor: '#F6F8FB'}}&gt;
          &lt;Appbar.Header style={styles.appHeader}&gt;
            &lt;Appbar.BackAction /&gt;
          &lt;/Appbar.Header&gt;
          &lt;Image
            source={require('../../../resource/images/LivingRoom.png')}
            style={styles.imageStyle}
          /&gt;
  &lt;/View&gt;
  </code></pre>
  <p>Here is the CSS for the same.</p>
  <pre><code>  appHeader: {
      backgroundColor: '#184DB8',
      height: (15 / 100) * height,
      width: '100%',
      alignItems: 'flex-start',
    },
    imageStyle: {
      width: '100%',
      height: (25 / 100) * height,
      borderTopLeftRadius: 50,
      borderTopRightRadius: 40,
    },
  </code></pre>
  <p>I need Help!!</p>
  <p><a href="https://i.stack.imgur.com/J5hBw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/J5hBw.png" alt="enter image description here" /></a></p>
  <p>Like this Image</p>