Touchable overlay

This component is a replacement for the default React Native Touchable Highlight component. The default Touchable Highlight component works by decreasing the opacity of the wrapped view to show an underlay colour. When views are nested within a Touchable Highlight wrapped view, their opacity is unchanged which produces an undesirable result. Have a look at the example below to see them both in action.

Note: This component is iOS only, for Android please use BpkTouchableNativeFeedback component.