React-Native 下拉层级问题

下拉刷新圈圈遮挡头部标题，zIndex最高层级 设置无效解决办法

头部组件(NavigationBar) 我已经在组件内设置了zIdexn:1000, 只要在刷新组件外层 添加ScrollView 设置scrollEnabled={false}就可以解决下拉圆圈穿透层级问题，为什么会设置scrollEnabled={false} 呢？ 因为刷新组件FlatList有滑动功能，所以禁止滑动，设置之后才会正常显示FlatList组件高度。

 <View style={styles.container}>
                <NavigationBar
                    title='待办事项'
                    titleFontSize={FONT_SIZE(18)}
                    titleTextColor='#ffffff'
                    barBGColor='#47ACFC'
                    leftImageSource={''}
                    rightImageSource={require('~/image/search.png')}
                    rightTextColor='#fff'
                    rightItemTitle= {this.state.titleText}
                    rightItemFunc={() => this._rightItemAction()}
                />
                <ScrollView scrollEnabled={false}   keyboardShouldPersistTaps={'always'}>
                    <View style={styles.content}>
                        <MyDetailsList
                            _approvalTxt={0}
                            nextClick={(list)=> this.nextClick(list)}
                        />
                    </View>
                </ScrollView>
            </View>

最后头部层级生效，下拉圈圈不会再遮挡头部标题