Closed manikandanb24 closed 1 year ago
When newArchEnabled, cannot interact with interceptTouchOutside: true
interceptTouchOutside: true
If I disable newArchEnabled, it works as expected.
newArchEnabled
Theres a same issue which have been closed.
But it still persist on new architecture.
No response
export const showOverlay = (props: showModalProps) => { const { screen, options = {}, passProps = {}, id } = props; Navigation.showOverlay({ component: { id: id ? id : undefined, name: screen, passProps: passProps, options: { popGesture: false, statusBar: { translucent: true, drawBehind: true, style: 'light', }, layout: { componentBackgroundColor: 'transparent', }, overlay: { interceptTouchOutside: true, }, ...options, }, }, }); };
React Native Navigation version: 7.37.0 React Native version: 0.72.4 Has Fabric (React Native's new rendering system) enabled: yes Node version: 16 Device model: Android Emulator Android version: 13/14
Played with zIndex in the overlay component and was able to mitigate the issue.
What happened?
When newArchEnabled, cannot interact with
interceptTouchOutside: true
If I disable
newArchEnabled
, it works as expected.Theres a same issue which have been closed.
But it still persist on new architecture.
What was the expected behaviour?
No response
Was it tested on latest react-native-navigation?
Help us reproduce this issue!
In what environment did this happen?
React Native Navigation version: 7.37.0 React Native version: 0.72.4 Has Fabric (React Native's new rendering system) enabled: yes Node version: 16 Device model: Android Emulator Android version: 13/14