20260628215623

code/app/app-rn/src/components/DateTime.tsx

@@ -1,6 +1,7 @@
 import DateTimePicker from "react-native-dates-picker";
 import dayjs from "dayjs";
-import { BottomSheet, Button, Spinner, useThemeColor } from "heroui-native";
+import { Button, Spinner, useThemeColor } from "heroui-native";
+import BottomSheet from "@/components/BottomSheet";
 import { useState, useEffect, useCallback, useRef } from "react";
 import { View } from "react-native";
 import { CheckIcon } from "lucide-react-native";
@@ -8,12 +9,7 @@ import { FadeIn } from "react-native-reanimated";
 
 export type DatePickerMode = "year" | "month" | "date" | "time" | "datetime";
 
-export type DateFormatType =
-  | "YYYY"
-  | "YYYY-MM"
-  | "YYYY-MM-DD"
-  | "HH:mm:ss"
-  | "YYYY-MM-DD HH:mm";
+export type DateFormatType = "YYYY" | "YYYY-MM" | "YYYY-MM-DD" | "HH:mm:ss" | "YYYY-MM-DD HH:mm";
 
 interface DatePickerProps {
   value: Date | string;
@@ -68,7 +64,7 @@ export default function DateTime({
   }, [show, value]);
 
   // 关闭：BottomSheet 的 onOpenChange(false) 或 confirm 后 setOpen(false)
-  // 立刻通知父组件，不延迟 — BottomSheet 自身驱动关闭动画
+  // 立刻通知父组件，不延迟 —— BottomSheet 自身驱动关闭动画
   useEffect(() => {
     if (!open && show) {
       onCloseRef.current?.();
@@ -94,8 +90,8 @@ export default function DateTime({
     <BottomSheet isOpen={open} onOpenChange={setOpen}>
       <BottomSheet.Portal>
         <BottomSheet.Overlay />
-        <BottomSheet.Content>
-          <View style={{ width: "100%", alignItems: "center" }}>
+        <BottomSheet.Content animateOnMount={false}>
+          <View className="w-full items-center">
             <DateTimePicker
               mode="single"
               date={tempDate}