The Touchable component wraps content with an interactive element.

In practice, it is used to turn any block into a button.

To use it, it is similar to View, with the addition of the interactivity part.

Basic example:

<Touchable
padding="nano"
backgroundColor="primary-300"
onPress={() => {
// Do something
}}>
<Text>
Este texto agora é clicável
</Text>
</Touchable>

Param

Touchable Properties

Has Children

Hierarchy