[Android]: OnPress not working when modal is open after updating react native version

[elencho]

OnPress not working while modal is open after updating react native version, not on presseble and neither on TouchableOpacity, tried swapping it with built in modal and it worked, I think there is issue with newer components and modal. Also focusing on textinput is not working when modal is open. scroll works perfectly.

Environment

react-native: 0.71.4
react: 18.2.0

Platforms

only on android, tested on galaxy s22

Versions

• Android: 13
• iOS:
• react-native-modal:^13.0.1
• react-native:0.71.4
• react:18.2.0

Description

it is suck on open screen, I can open and close modal without problem but I cant press anything. Flatlist works fine.

Reproducible Demo

<Modal isVisible={visible} onBackdropPress={hide} onSwipeComplete={hide} swipeDirection="down" propagateSwipe={true} style={styles.modal} animationOutTiming={500} backdropTransitionInTiming={300} onModalHide={onModalHide} hideModalContentWhileAnimating useNativeDriver useNativeDriverForBackdrop onDismiss={onDismiss} // coverScreen={false} > <Pressable onPress={() => console.log('first')} onLongPress={() => console.log('long')} unstable_pressDelay={0} style={{ backgroundColor: 'red', height: 100, width: 100 }} > <Text>asd</Text> </Pressable> <AppToast /> </Modal>

[FelipeGCastro]

Same here!

[batuhansahan]

Same here and cant find solution either.

Was ok on 0.70.5 after updating 0.71.5 it happened for me

[elencho]

For temporary solution I made TextInput position: 'absolute' and set Modal useNativeDriver to false, but it doesn't have best performance for now. hope we will have decent solution soon.

[elencho]

I tried to investigate more, The problem is this part
if (this.state.isSwipeable) { panHandlers = { ...this.panResponder.panHandlers }; if (useNativeDriver) { panPosition = { transform: this.state.pan.getTranslateTransform(), }; } else { panPosition = this.state.pan.getLayout(); } }.

So, I think react native animatable doesn't work right with new architecture changes

[elencho]

@FelipeGCastro @batuhansahan did you find fix?

[FelipeGCastro]

@elencho nothing here, did you find any solution ?

[elencho]

I disabled fabric

[Lucasark]

For who is using RN 0.71+

oblador/react-native-animatable#401

[rizshivalli]

+1

[sbaiahmed1]

disable newArch ?

[elencho]

disable newArch ?

disabling fabric resolved issue, but it is just temporary fix

[rizshivalli]

Wrapping the Modal in a View solved the problem for me in RN 0.71.8

[pietro-marrone-dka]

onPress does not work even wrapping the modal with a View. New architecture, RN 0.72.5

[atultiwaree]

onPress does not work even wrapping the modal with a View. New architecture, RN 0.72.5

Mine working in android but not in ios with the RNVersion 0.72.5, the props insdie Modal like modalWillMount is invoking though, only visibility issue