Solution:
TouchableHighlight
works differently thanTouchableNativeFeedback
. When you are enclosing aView
inTouchableHighlight
, you will need to provide styles toTouchableHighlight
. But in case ofTouchableNativeFeedback
, all the styles are added to childView
only.
So, I was working on this kids online education project and came across a weird problem. TouchableHighlight
was working differently than any other click event component. The problem was, Styling.
At first, I thought I broke something. Since I was using the absolute styling on my View
, it went completely out of flow. I spent nearly half an hour to realize that the actual problem lies with TouchableHighlight
.
While TouchableNativeFeedback
acts like an empty wrapper on the child View
, TouchableHighlight
, on the other hand, acts like a proper component with View
as children prop. So, you will need to add styles to the TouchableHighlight
and not the View
in order to work properly.
And one more thing, I was using React 0.63 when I was writing this article. May be in future versions it get solved but for now you can fix the problem using this solution.
Comments