Gradient Button doesn't show visual onPress like regular button

Explain what you did (Required)

Created a gradient button. See example here:

import LinearGradient from 'react-native-web-linear-gradient'
import React from 'react'

<Button
  title={'TITLE'}
  onPress={onPress}
  ViewComponent={LinearGradient}
  linearGradientProps={{
    colors: ['#FFF', '#333'],
    start: { x: 0, y: 0 },
    end: { x: 0, y: 1 },
  }}
/>

Expected behavior (Required)

When pressing the button onPress is fired, but the user does not get any tactile feedback. See image. The Strava button works fine, but the Continue button does not give any feedback to the user whatsoever.

Describe the bug (Required)

It appears that once you add linearGradientProps the button does no longer provide feedback to the user.

To Reproduce (Required)

1. yarn add react-native-web-linear-gradient
2. copy above code in your project
3. Click the button

Screenshots (Required)

Your Environment (Required):

software	version
react-native-elements	^0.18.0
react-native	0.62.2

[supermar1010]

I just tried that, doesn’t work as well, there’s no ripple effect on either android or iOS. Here’s a small demo project its basically a new reactnative project with RNE, RN-linear-gradient and rn-vector-icons. The touchable component is commented out right now, because I tested both. testgradientbuttonwithoutnodemodules.zip The new Pressable has in it’s default setting no ripple effect, but I have to pass a ripple config but in the button, I did not find a way to do that.

[flyingcircle]

@supermar1010 A good place to start would be to look at maybe the react-native issue history to see if they had to deal with a similar issue, or perhaps any issues related to Gradient itself that might be related to Android. I haven’t really used gradient in my own apps, so I’m not too familiar with what libraries are all exactly involved.