MyClickableComponent.jsx

import React, { useState } from "react";
import { Text, TouchableHighlight, View } from "react-native";

export default function MyClickableComponent() {
  const [clicked, setClicked] = useState(false);

  return (
    <TouchableHighlight
      activeOpacity={0.6}
      onPress={() => setClicked(true)}
      underlayColor="rgba(0, 0, 0, 0.3)"
    >
      <View>
        <Text>{clicked ? "Click me" : "Clicked"}</Text>
      </View>
    </TouchableHighlight>
  );
}