Add floating Button

2022-12-09 15:11:07 +01:00
parent 8b0091ebb2
commit faf4e53693
2 changed files with 32 additions and 0 deletions
@@ -0,0 +1,29 @@
+import { Text, TouchableOpacity } from "react-native";
+import Icon from "react-native-vector-icons/Ionicons";
+
+function FloatingButton() {
+  return (
+    <TouchableOpacity
+      style={{
+        borderWidth: 1,
+        borderColor: "#B695F3",
+        alignItems: "center",
+        justifyContent: "center",
+        width: 70,
+        position: "absolute",
+        top: 560,
+        right: 20,
+        height: 70,
+        backgroundColor: "#B695F3",
+        borderRadius: 100,
+      }}
+      onPress={() => {
+        alert("Button is pressed");
+      }}
+    >
+      <Icon name="add-circle-outline" color="white" size={40} />
+    </TouchableOpacity>
+  );
+}
+
+export default FloatingButton;