Touchable

Touchable renders a React Native TouchableHighlight, TouchableNativeFeedback, TouchableOpacity or TouchableWithoutFeedback component based on the feedback props.

Usage

<Touchable
  justifyContent="center"
  alignItems="center"
  bg="cornflowerblue"
  p={3}
>
  <Text fontSize={2} color="ghostwhite">
    Touchable
  </Text>
</Touchable>

Props

• feedback?: Feedback.Opacity | Feedback.Highlight | Feedback.None (defaults to Feedback.Opacity)
• native?: boolean (defaults to true)
• Any Box props
• Any TouchableHighlight, TouchableNativeFeedback, TouchableOpacity or TouchableWithoutFeedback props