feat: add solution for react native version of simple counter challenge

kaylakremer · kaylakremer · commit ca6df6aa0035 · 2023-01-08T04:56:16.000-05:00
diff --git a/solutions/react-native-simple-counter.js b/solutions/react-native-simple-counter.js
@@ -0,0 +1,32 @@
+import React, { useState } from "react"
+import { Text, View, StyleSheet } from "react-native"
+
+const SimpleCounter = () => {
+    const [count, setCount] = useState(0)
+
+    const increment = () => setCount(count + 1)
+    return (
+        <View style={styles.container}>
+            <Text style={styles.counter}>
+                button count: <span id="actualCount">{count}</span>
+            </Text>
+            <button id="mainButton" onClick={increment}>
+                INCREASE
+            </button>
+        </View>
+    )
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: "center",
+        marginHorizontal: 10,
+    },
+    counter: {
+        textAlign: "center",
+        marginVertical: 10,
+    },
+})
+
+export default SimpleCounter
