Как остановить событие блокировки / блокировки оверлея компонента / изображения View - PullRequest
Новая
       29

Как остановить событие блокировки / блокировки оверлея компонента / изображения View

0 голосов
/ 23 октября 2019

У меня есть компонент Dropdown и компонент Image, вложенные в родительский компонент View. Изображение использует position: 'absolute' для наложения поверх Dropdown, просто для косметических целей макета.

Проблема в том, что при нажатии Image событие действия компонента Dropdown нене запускается, что имеет смысл, потому что он не нажат, Image есть.

Есть ли способ отключить Image или, возможно, заставить его вызвать событие действия компонента Dropdown, когдаImage прослушивается?

Вот мой код: 

<View style={{
    height: 45, 
    width: width - 60,
    justifyContent: 'center',
    marginTop: 15
}}>
    <Dropdown 
        containerStyle={{ height: 45, backgroundColor: 'white', borderRadius: 6, borderBottomWidth: 0, paddingLeft: 10 }}
        pickerStyle={{ borderBottomColor:'transparent', borderWidth: 0 }}
        textColor='#696969'
        baseColor='#fff'
        dropdownOffset={{ 'top': 10, 'left': 0 }}
        onChangeText={(e, selectedOption) => this.filterByOption(e, selectedProvince)}
        data={this.state.options}
        value={this.state.selectedOption}
    />
    <Image
        source={require('../../assets/images/dropdown.png')}
        style={{ 
            position: 'absolute',
            right: 10,
            height: 30,
            width: 30
        }}
    />
</View>
...