update

2025-08-15 21:02:34 +08:00
parent 41636b5dbc
commit a8ebe8bcc3
39 changed files with 1436 additions and 391 deletions
@@ -0,0 +1,43 @@
+import { View, Text, Pressable, StyleSheet, Image } from "react-native";
+import React from "react";
+import { BlurView } from "expo-blur";
+import { Palette, Style } from "../styles";
+import { FONT_FAMILY } from "../styles/Fonts";
+import { icons } from "../assets";
+import { size } from "../styles/Style";
+
+const BlurItemButton = ({ onPress, title = "" }) => {
+  return (
+    <Pressable onPress={onPress}>
+      <BlurView intensity={20} style={styles.buttonContainer}>
+        <Text style={styles.buttonText}>{title}</Text>
+        <Image
+          source={icons.chevronDown}
+          style={{
+            ...size({ size: 15 }),
+            transform: [{ rotate: "-90deg" }],
+          }}
+          resizeMode="contain"
+        />
+      </BlurView>
+    </Pressable>
+  );
+};
+
+export default BlurItemButton;
+
+const styles = StyleSheet.create({
+  buttonContainer: {
+    ...Style.containerSpaceBetween,
+    paddingHorizontal: 12,
+    height: 56,
+    borderRadius: 14,
+    overflow: "hidden",
+    backgroundColor: Palette.glass,
+  },
+  buttonText: {
+    fontSize: 16,
+    color: Palette.white,
+    fontFamily: FONT_FAMILY.InterRegular,
+  },
+});