u

code/allapp/allapp-rn/src/app/(tabs)/love.tsx

@@ -1,28 +1,60 @@
-import SegmentedControl from '@react-native-segmented-control/segmented-control'
 import React, { useState } from 'react'
-import { ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native'
-import { AButton, ADateMorePicker, ATab } from '@/components/common/ao'
+import { Text, View } from 'react-native'
+import { AButton, ADateMorePicker } from '@/components/common/ao'
 
 export default function DemoDatePickerUI() {
-  const [show, setShow] = useState(false)
+  const [visible, setVisible] = useState(false)
+  const [mode, setMode] = useState('')
+  const [result, setResult] = useState<{
+    startTime: string
+    endTime: string
+  }>({
+    startTime: '',
+    endTime: '',
+  })
 
   return (
-    <View className="flex-1">
-      <AButton
-        onPress={() => {
-          setShow(true)
-        }}
-        className="mt-20"
-      >
-        测试
+    <View className="flex-1 p-4 bg-white">
+      {/* 当前选择结果展示 */}
+      <View className="mb-4 p-3 rounded bg-gray-100">
+        <Text className="text-gray-600 mb-1">当前选择：</Text>
+
+        {result.startTime || result.endTime
+          ? (
+              <>
+                <Text>
+                  开始时间：
+                  {result.startTime || '-'}
+                </Text>
+                <Text>
+                  结束时间：
+                  {result.endTime || '-'}
+                </Text>
+              </>
+            )
+          : (
+              <Text className="text-gray-400">未选择</Text>
+            )}
+      </View>
+
+      {/* 打开选择器 */}
+      <AButton onPress={() => setVisible(true)}>
+        打开日期选择器
       </AButton>
+
+      {/* 日期选择器 */}
       <ADateMorePicker
-        visible={show}
-        onClose={() => {
-          setShow(false)
+        visible={visible}
+        onClose={() => setVisible(false)}
+        mode={mode}
+        startDate={result.startTime}
+        endDate={result.endTime}
+        onConfirm={(value) => {
+          setMode(value.mode)
+          // setResult(value)
+          setVisible(false)
         }}
-      >
-      </ADateMorePicker>
+      />
     </View>
   )
 }