u

code/base-project/base-app/src/app/(tabs)/chat.tsx

@@ -1,19 +1,39 @@
-import type { DateType } from 'react-native-ui-datepicker'
-import { useState } from 'react'
-import DateTimePicker, { useDefaultStyles } from 'react-native-ui-datepicker'
-
-export default function Calendar() {
-  const defaultStyles = useDefaultStyles()
-  const [selected, setSelected] = useState<DateType>()
+import React, { useState } from 'react'
+import { KeyboardAvoidingView, Platform, StyleSheet, View } from 'react-native'
+import { KeyboardProvider } from 'react-native-keyboard-controller'
+import { AInput } from '@/components/common/ao'
 
+export default function MyInput() {
   return (
-    <DateTimePicker
-      mode="single"
-      date={selected}
-      onChange={({ date }) => setSelected(date)}
-      styles={defaultStyles}
-      className="mt-22"
-    />
+    <View style={styles.content}>
+      <View style={styles.topSpace} />
+
+      {/* 输入框 */}
+      <View style={styles.inputWrapper}>
+        <AInput
+          value=""
+          placeholder="备注"
+          className="bg-[#f2f3f5] border-0"
+          size="sm"
+        />
+      </View>
+    </View>
   )
 }
- 
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  content: {
+    flex: 1,
+    justifyContent: 'space-between',
+  },
+  topSpace: {
+    flex: 1,
+  },
+  inputWrapper: {
+    marginHorizontal: 16,
+    marginBottom: 20,
+  },
+})