Touchable непрозрачность обработки событий перестает работать на высоте - PullRequest
Новая
       20

Touchable непрозрачность обработки событий перестает работать на высоте

1 голос
/ 24 июня 2019

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

1 Ответ

0 голосов
/ 24 июня 2019

Хорошо, теперь я решил это следующим образом: 

<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>

Итак, я переместил Заголовок ниже вида прокрутки, но затем поместил его в абсолютное положение выше.

...