Kursbuch

5. Technikwissen – Kurz erklärt

5.16. TouchableOpacity – Berührbare UI-Komponente

TouchableOpacity – Berührbare UI-Komponente

Mit TouchableOpacity können Nutzer:innen auf Elemente tippen, die nicht wie klassische Buttons aussehen. Sie wird oft verwendet, um Bilder, Icons oder eigene Designs klickbar zu machen.

<TouchableOpacity onPress={() => alert("Gedrückt!")}>
  <Text>Ich bin berührbar</Text>
</TouchableOpacity>

Tipp:
TouchableOpacity kann wie ein Button verwendet werden – Sie haben aber mehr Freiheit beim Design (z. B. Icons, Bilder oder Textkombinationen).

Merksatz:
TouchableOpacity macht jedes Element „antippbar“.