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 vote133 views1 answer
Formatt json to create node and child node react
Javascript React
0 vote139 views1 answer
Text inside an image component react native
Javascript React
24 votes104 views6 answers
React native navigation
Javascript React
21 votes164 views6 answers
React native vector icon
Javascript React
0 vote147 views1 answer
How to run react build locally
Javascript React
0 vote134 views1 answer
Could not resolve project :react-native-iap mergedebugassets
Javascript React
0 vote161 views1 answer
Lite youtube embed react
Javascript React
0 vote146 views1 answer
React js how to do array range
Javascript React
0 vote157 views1 answer
React native make safe view in mobile
Javascript React
0 vote138 views1 answer
React native clear route params
Javascript React