Recently certain TouchableOpacity components are not clickable within modals. In our experience, Android and iOS need to use different imports - one from react-native and one from react-native-gesture-handler.
I didn't want to switch away from this lib so I created a simple patch to inject a custom TouchableOpacity component. Posting here in case it's useful to anyone else.
link: { color: theme.clickableLinkColor, fontSize: HELP_FONT_SIZE },
// Inject element that can be clicked in a modal
TouchableOpacity: { Component: isIOS
? TouchableOpacityRngh // from react-native-gesture-handler
: TouchableOpacityRN; // from RN
},
Recently certain
TouchableOpacity
components are not clickable within modals. In our experience, Android and iOS need to use different imports - one fromreact-native
and one fromreact-native-gesture-handler
.I didn't want to switch away from this lib so I created a simple patch to inject a custom TouchableOpacity component. Posting here in case it's useful to anyone else.
renders.js changes:
Setting markdown styles in our code: