diff --git a/src/components/TouchableRipple/TouchableRipple.tsx b/src/components/TouchableRipple/TouchableRipple.tsx index 08c3fe1bd9..ecf848da32 100644 --- a/src/components/TouchableRipple/TouchableRipple.tsx +++ b/src/components/TouchableRipple/TouchableRipple.tsx @@ -282,6 +282,7 @@ const TouchableRipple = ( // focused state is not ready yet: https://github.com/necolas/react-native-web/issues/1849 // state.focused && { backgroundColor: ___ }, state.hovered && { backgroundColor: hoverColor }, + disabled && styles.disabled, typeof style === 'function' ? style(state) : style, ]} > @@ -307,6 +308,11 @@ const styles = StyleSheet.create({ transition: '150ms background-color', }), }, + disabled: { + ...(Platform.OS === 'web' && { + cursor: 'auto', + }), + }, borderless: { overflow: 'hidden', },