はネイティブリアクト - TouchableOpacity絶対位置を表示

Question

内部で動作していない私は、3つのTouchableOpacityコンポーネントを保持し、絶対配置ビューを持っていると3は、彼らはちょうどここに間違って何が起きているのか、まったく動作しない応答しない私を助けてください。 ）

コード

<View style={[styles.highNormalLowDocListHeaderStateContainer, {width: this.windowWidth, height: this.headerSmallHeight, position: 'absolute', left: 0, top: floatedHeaderTitleTop, elevation: 2}]}> 
    <TouchableOpacity onPress={() => this.getDocuments('high')} style={[styles.highNormalLowDocListHeaderStateTextContainer, highSelected.borderStyle]}> 
     <Text style={[styles.highNormalLowDocListHeaderStateText, highSelected.textStyle]}>HIGH</Text> 
    </TouchableOpacity> 
    <TouchableOpacity onPress={() => this.getDocuments('normal')} style={[styles.highNormalLowDocListHeaderStateTextContainer, normalSelected.borderStyle]}> 
     <Text style={[styles.highNormalLowDocListHeaderStateText, normalSelected.textStyle]}>NORMAL</Text> 
    </TouchableOpacity> 
    <TouchableOpacity onPress={() => this.getDocuments('low')} style={[styles.highNormalLowDocListHeaderStateTextContainer, lowSelected.borderStyle]}> 
     <Text style {[styles.highNormalLowDocListHeaderStateText, lowSelected.textStyle]}>LOW</Text> 
    </TouchableOpacity> 
</View> 

スクリーンショット

Answer 1

タブバーが視覚的に、リスト内のコンテンツの上にあるように思われるにもかかわらず、リストのためのタッチイベントには、タブバーの前にそれを受け取ることができます。それが最初のタッチイベントを受信できるようにタブバーへのZIndexを追加します。