Touchable - EXPRESSO Docs

touchable makes arbitrary content pressable without imposing button styling.

Properties

Property	Accepted value	Description
`onClick`	`() => void`	Called when the content is pressed.
`disabled`	`boolean`	Prevents presses when `true`.
`style`	`StyleProperties`	Layout, appearance, and transform values.
`children`	`ReactNode`	Content that receives the press interaction.
`key`	`string \| number`	React key for dynamic touchables.
`class`	`string`	Registered style name for this node only.

Example

<touchable
  onClick={() => setExpanded((value) => !value)}
  disabled={isLoading}
  style={{ padding: 16, borderRadius: 12, backgroundColor: "#f2f4f7" }}
>
  <row style={{ horizontalAlignment: "center" }}>
    <text style={{ weight: 1, fontWeight: 600 }}>More details</text>
    <text>{isExpanded ? "−" : "+"}</text>
  </row>
</touchable>

Use gestureDetector with shared values when pressed feedback needs a reliable native gesture lifecycle, movement, velocity, or animation. For a non-animated selected state, update the style directly from React state.