TouchableOpacity

TouchableOpacity is a React Native’s TouchableOpacity with additional styling applied through Theme.
Basically, TouchableOpacity is React-Native’s component that responds to touches. Once component is pressed, the opacity of the component within TouchableOpacity is decreased, dimming it.

API

Props

  • TouchableOpacity has the same props like React Native’s TouchableOpacity component uses

Style names

  • None

Style

  • TouchableOpacity has the same Style props like React Native’s TouchableOpacity component has (activeOpacity)
  • Note that activeOpacity can also be set through Theme, and it defaults to 0.8.

Examples

TouchableOpacity


JSX Declaration

<TouchableOpacity style="...">
    {...}
</TouchableOpacity>