'pressable icons don 't function when I put them into a scrollView in react native

I have built a FormInput component in react native by extending the textInput component. In the input container I have put a pressable x icon, so the user can clear the input. The problem is that when I put my form inside a scrollView, the pressable icon does not function. The same behavior takes place when I use a pressable icon to hide/view the password in the password input field. What is happening and what can I do to fix this?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source