У меня есть фиксированный компонент заголовка с 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>