Rn touchableopacity

React native touchableopacity

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

const App = () => {
  const [count, setCount] = useState(0);
  const onPress = () => setCount(prevCount => prevCount + 1);

  return (
    <View style={styles.container}>
      <View style={styles.countContainer}>
        <Text>Count: {count}</Text>
      </View>
      <TouchableOpacity
        style={styles.button}
        onPress={onPress}
      >
        <Text>Press Here</Text>
      </TouchableOpacity>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    paddingHorizontal: 10
  },
  button: {
    alignItems: "center",
    backgroundColor: "#DDDDDD",
    padding: 10
  },
  countContainer: {
    alignItems: "center",
    padding: 10
  }
});

export default App;

Source: reactnative.dev

Similar codes

0 vote145 views1 answer
React custom hook refetch data
Javascript React
0 vote183 views1 answer
How to add abutton component to drawer in react native
Javascript React
18 votes166 views6 answers
Uselocation react
Javascript React
0 vote146 views1 answer
'unsafe-inline' react
Javascript React
0 vote146 views1 answer
Svg as a component react
Javascript React
-5 votes153 views3 answers
Use ref in component reactjs
Javascript React
85 votes174 views6 answers
Redirect react js
Javascript React
94 votes165 views6 answers
Install react router
Javascript React
23 votes158 views6 answers
React native shadow
Javascript React
23 votes172 views5 answers
USE ICONS IN REACT
Javascript React