Вид исчезает после установки zIndex для компонента

Question

У меня есть этот макет, все работало нормально, пока я не добавил zIndex в scrollView, заголовок исчез, попытался придать ему больший zIndex, чем не работал компонент, как я должен сделать этот scrollView поверхimage

navBar

renderNavBar() {
  return (
    <Header
      backgroundColor={'rgba(0,0,0, 0.3)'}
      statusBarProps={{ barStyle: 'light-content' }}
      leftComponent={{ icon: 'menu', color: '#FFF' }}
      centerComponent={{ text: 'ChordHawk', style: { color: '#fff' } }}
      outerContainerStyles={{ minHeight: 0, borderBottomWidth: 0, paddingTop: 25, zIndex: 100000}}
    />
  );
}

Содержимое

renderContent() {
  return (
<View style={{borderRadius: 20, backgroundColor: '#eee'}}>
<Text style={{fontSize: 16, padding: 50}}>Ingeniis e quibusdam, et irure elit hic fabulas in enim litteris coniunctione se
in export nostrud despicationes, ab est eram constias sed mandaremus labore
possumus nam elit doctrina ea despicationes do eu quo dolor occaecat. E constias
ea aliquip.</Text>
</View>
  );
}

Основной вид (это сторонняя библиотека)

render() {
  return (
      <View style={styles.container}>
        <ReactNativeParallaxHeader
          headerMinHeight={70}
          headerMaxHeight={500}
          extraScrollHeight={0}
          backgroundImage={viewImages.background}
          backgroundImageScale={1.0}
          navbarColor={'#168eea'}
          renderNavBar={this.renderNavBar}
          renderContent={this.renderContent}
        />
      </View>
    );
  }

Я настроил источниктакие файлы:

  scrollView: {
    flex: 1,
    backgroundColor: 'transparent',
    position: 'relative',
    overflow: 'hidden',
    marginTop: -50,
    zIndex: 1000
  },

Моя цель - сделать эти закругленные углы поверх фона изображения, проблема в том, что этот вид прокрутки превосходит все остальное, может кто-нибудь помочь