onPress does'nt work when child element are position:absolute

[abhiburk]

I am unable to make onPress when the code is wrapped inside Row element.
Basically the image is half placed on Row 20 and Half on Row 80 with Icon. But I am unable to do onPress as icon isn't working.
It works when I make Edit Icon on Row 20 completely

<Row size={20} style={{ backgroundColor: '#3679e0',  }} >
        <View style={{position:'relative', flex:1,}} >
               <Thumbnail large style={{ borderColor: 'white', borderWidth: 3,position: 'absolute',alignSelf: 'center', bottom: -20  }} source={this.state.filePath}  />
                 <Button transparent  style={{position: 'absolute',alignSelf: 'center', zIndex:11111111111 , bottom: -40}} onPress={this.chooseFile}>
                  <Icon name='pencil'  style={{ fontSize: 20, color: 'blue',zIndex:1 , }} type="FontAwesome"/>
                </Button>
       </View>
</Row>
.
.
.
<Row size={80} style={[Styles.row, { marginTop: 50 }]}>