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.

[stale]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

[bitsmanent]

I think there is no activity because anyone applied this or that workaround. Issue is still there though.

[stale]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

[stale]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.