Question

我有一个固定的标头组件，上面有一个touchableopacity可以工作。它的高程设置为10。在它下面，有一个视图，在固定标题下向上滚动。它的高程设置为0。一旦视图在固定标题下滚动，我就失去了固定标题上的所有触摸事件。

我假设事件正在通过标题向下传播到滚动视图，但不确定如何停止此操作？

我试图通过在标头上设置onStartShouldSetResponder来处理此问题，但这无济于事。

组件：

<View style={{ flex: 1, flexDirection: 'column' }} >
    <Header {...this.props} />
        <Collapsible max={160} min={0} renderHeader={<MenuHeader {...params} />} 
           renderContent={<View><FlatList
                            data={menuitems}
           renderItem={({ item }) => (<MenuLineItem>{item.name}</MenuLineItem>)}}
                        /></View>}
       />                    
</View>

标题：

<View style={{flexDirection: 'row', justifyContent: 'space-between', height:88, paddingTop: 10, backgroundColor, elevation: 10}} onStartShouldSetResponder={()=>{return true;}}>               
    <TouchableOpacity underlayColor={'transparent'} onPress={() => { this.goHome(); }}>
       <View>
          <Image source={require('logo.png')} ></Image>
       </View>
    </TouchableOpacity>
</View>

Answer 1

好的，我现在已经解决了，如下：

<View style={{ flex: 1, flexDirection: 'column' }} >
     <Collapsible max={160} min={0} renderHeader={<MenuHeader {...params} />} 
           renderContent={<View><FlatList
                            data={menuitems}
           renderItem={({ item }) => (<MenuLineItem>{item.name}</MenuLineItem>)}}
                        /></View>}
       />
    <Header {...this.props} style={{position: 'absolute', top: 0}} />                    
</View>

因此，我已将“页眉”移动到了滚动视图下方，但是将其绝对定位在滚动视图上方。

可触摸的不透明度事件处理停止在高程上工作

1 个答案: