i have a problem with touchable is not working in android, when one view is overlapping on another view

[KumariShalini]

1> i have design where has 2 view, and one button between 2 view, when i press on button that button is not wotking in android.
2> Means that button view is overlapping on other view, so that it is not working.
3> it is happening only in android, it works fine in IOS.
4>

Please find a solution asap, thank you.

[react-native-bot]

Thanks for submitting your issue. Can you take another look at your description and make sure the issue template has been filled in its entirety?

👉 Click here if you want to take another look at the Bug Report issue template.

[KumariShalini]

Thanks for submitting your issue. Can you take another look at your description and make sure the issue template has been filled in its entirety?

👉 Click here if you want to take another look at the Bug Report issue template.

when one view overlapping on other view, the clickable is not working... means a button in one view, and that view is out of parent and overlap on another view, there onpress is not working on button.

[anmolpandeyy]

I tested it and its working fine.

[KumariShalini]

I tested it and its working fine.

In android you have tested? can you please share the code for it, so that i can apply?

[KumariShalini]

I tested it and its working fine.

In android you have tested? can you please share the code for it, so that i can apply?

See here my code:-

<Container style={{backgroundColor:'#fafafa'}}>
<Header style={{backgroundColor:'#fafafa'}}>

<Button transparent onPress={() => this.props.navigation.goBack(this.props.navigation.state.key)}>
<Icon type="Ionicons" name="md-arrow-back"
style={{ color: '#14bdcf', fontSize: 30}} />



Help

    </Header>
         <View style={{flex:1,
              justifyContent: 'center',
              flexDirection:'column'}}>
            <View style={{backgroundColor:'#14bdcf', 
              flex:1.5, 
              alignItems:'center', 
              justifyContent:'center'}}>
                <View>
                 
                </View>
            </View>
            <View style={{
              backgroundColor:'red', 
              flex:2, 
              padding:10, 
              paddingBottom:20}}>
                <View style={{
                  padding:10,
                  marginTop:-80,
                  flex:1,
                  backgroundColor:'#fff',
                  ...Platform.select({
                      ios: {
                          shadowColor: '#000',
                          shadowOffset: { width: 0, height: 2 },
                          shadowOpacity: 0.4,
                      },
                      android: {
                          elevation:2,
                      }
                  })
                }}>

                  <ScrollView>
                      <View style={{}}>
                        <Button success block onPress={() => 
                          Alert.alert(
                              'Alert Title',
                              'My Alert Msg',
                              [
                                {text: 'Ask me later', onPress: () => console.log('Ask me later pressed')},
                                {
                                  text: 'Cancel',
                                  onPress: () => console.log('Cancel Pressed'),
                                  style: 'cancel',
                                },
                                {text: 'OK', onPress: () => console.log('OK Pressed')},
                              ],
                              {cancelable: false},
                            )}>
                          <Text style={{color:'#fff'}}>CLICK ME</Text>
                        </Button>
                      </View>
                  </ScrollView>
                </View>
            </View>
      </View>
</Container>

but here is not working in android

[HarshitMadhav]

@KumariShalini Have you tried the same using zindex? Try using the zindex and then see the expected behavior.

[nick-michael]

I am having this same issue, I believe it's related to: #26374

Hopefully that can get merged soon!

[KumariShalini]

@nick-michael , it is not working in my code, any other solutions for it ?
Thank you.

[bitsmanent]

Same issue here. I've also tried to apply 9a0154f (it's only one file) but didn't worked as well. No fix for now.