project setup

2025-11-02 10:08:56 +01:00
commit 568838003e
174 changed files with 27100 additions and 0 deletions
@@ -0,0 +1,57 @@
+import { View, StyleSheet } from "react-native";
+import { Picker, PickerProps } from "@react-native-picker/picker";
+import { Ionicons } from "@expo/vector-icons";
+
+export const PickerItem = Picker.Item;
+
+interface CustomPickerProps extends PickerProps {
+  children?: React.ReactNode;
+}
+
+export const CustomPicker = ({
+  selectedValue,
+  onValueChange,
+  children,
+}: CustomPickerProps) => {
+  return (
+    <View style={styles.container}>
+      <Picker
+        selectedValue={selectedValue}
+        onValueChange={(itemValue, itemIndex) => {
+          onValueChange?.(itemValue, itemIndex);
+        }}
+        style={[styles.pickerStyle, { appearance: "none" } as any]}
+      >
+        {children}
+      </Picker>
+      <Ionicons
+        name="chevron-down"
+        size={20}
+        color="#333"
+        style={styles.customIcon}
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  pickerStyle: {
+    height: 50,
+    width: "100%",
+    paddingHorizontal: 10,
+    paddingVertical: 5,
+    cursor: "pointer",
+  },
+  customIcon: {
+    position: "absolute",
+    right: 12,
+    top: "50%",
+    transform: [{ translateY: -10 }],
+    pointerEvents: "none",
+  },
+});