修正

2025-02-05 14:15:52 +00:00
parent 9df1fc1ed2
commit f4dca5cd87
3 changed files with 65 additions and 57 deletions
--- a/components/Menu/SimpleDot.tsx
+++ b/components/Menu/SimpleDot.tsx
@@ -0,0 +1,27 @@
+import React, { FC } from "react";
+import { Ionicons } from "@expo/vector-icons";
+import { TouchableOpacity } from "react-native";
+type SimpleDotProps = {
+  active: boolean;
+  onPress: () => void;
+};
+export const SimpleDot: FC<SimpleDotProps> = (props) => {
+  const { active, onPress } = props;
+  return (
+    <TouchableOpacity
+      style={{
+        width: 20,
+        marginHorizontal: 2,
+        alignItems: "center",
+        justifyContent: "center",
+      }}
+      onPress={onPress}
+    >
+      <Ionicons
+        name="ellipse"
+        size={active ? 20 : 14}
+        color={active ? "#00b8ff" : "#00b8ff55"}
+      />
+    </TouchableOpacity>
+  );
+};