feat: update

app/(tabs)/demo.tsx

@@ -27,7 +27,7 @@ import {
   formatDate,
   formatRelativeTime,
   formatChatTime,
-  
+
   // 状态管理
   useUserStore,
   useUser,
@@ -36,14 +36,15 @@ import {
   useTheme,
   useLanguage,
   useHapticsEnabled,
-  
+
   // 验证规则
   loginSchema,
   type LoginFormData,
-  
+
   // API 服务
   authService,
-  
+  appService,
+
   // 自定义 Hooks
   useDebounce,
   useThrottle,
@@ -51,14 +52,15 @@ import {
 } from '@/src';
 
 export default function DemoScreen() {
+  console.log('=== DemoScreen 组件已渲染 ===');
   const haptics = useHaptics();
-  
+
   // 状态管理示例
   const user = useUser();
   const isLoggedIn = useIsLoggedIn();
   const login = useUserStore((state) => state.login);
   const logout = useUserStore((state) => state.logout);
-  
+
   // 设置状态
   const theme = useTheme();
   const language = useLanguage();
@@ -66,7 +68,7 @@ export default function DemoScreen() {
   const setTheme = useSettingsStore((state) => state.setTheme);
   const setLanguage = useSettingsStore((state) => state.setLanguage);
   const setHapticsEnabled = useSettingsStore((state) => state.setHapticsEnabled);
-  
+
   // 本地状态
   const [searchText, setSearchText] = useState('');
   const [searchResults, setSearchResults] = useState<string[]>([]);
@@ -89,6 +91,7 @@ export default function DemoScreen() {
 
   // 防抖搜索示例
   const debouncedSearch = useDebounce(async (text: string) => {
+    console.log('防抖搜索:', text);
     if (!text.trim()) {
       setSearchResults([]);
       return;
@@ -97,13 +100,24 @@ export default function DemoScreen() {
     console.log('执行搜索:', text);
     // 模拟 API 调用
     await new Promise((resolve) => setTimeout(resolve, 500));
-    setSearchResults([
-      `结果 1: ${text}`,
-      `结果 2: ${text}`,
-      `结果 3: ${text}`,
-    ]);
+    setSearchResults([`结果 1: ${text}`, `结果 2: ${text}`, `结果 3: ${text}`]);
   }, 500);
 
+  useEffect(() => {
+    console.log('=== useEffect 开始执行 ===');
+    console.log('appService:', appService);
+    console.log('getPlatformData 方法:', appService.getPlatformData);
+
+    appService
+      .getPlatformData()
+      .then((res: any) => {
+        console.log('getPlatformData 成功:', res);
+      })
+      .catch((err: any) => {
+        console.error('getPlatformData 失败:', err);
+      });
+  }, []);
+
   // 监听搜索文本变化
   useEffect(() => {
     debouncedSearch(searchText);
@@ -124,11 +138,11 @@ export default function DemoScreen() {
 
       // 模拟登录 API 调用
       console.log('登录数据:', data);
-      
+
       // 实际项目中使用：
       // const { user, token } = await authService.login(data);
       // login(user, token);
-      
+
       // 模拟登录成功
       const mockUser = {
         id: '1',
@@ -138,7 +152,7 @@ export default function DemoScreen() {
         nickname: '演示用户',
         createdAt: new Date().toISOString(),
       };
-      
+
       login(mockUser, 'mock-token-123456');
       haptics.success();
       Alert.alert('成功', '登录成功！');
@@ -153,20 +167,16 @@ export default function DemoScreen() {
   // 登出处理
   const handleLogout = () => {
     haptics.warning();
-    Alert.alert(
-      '确认',
-      '确定要退出登录吗？',
-      [
-        { text: '取消', style: 'cancel' },
-        {
-          text: '确定',
-          onPress: () => {
-            logout();
-            haptics.success();
-          },
+    Alert.alert('确认', '确定要退出登录吗？', [
+      { text: '取消', style: 'cancel' },
+      {
+        text: '确定',
+        onPress: () => {
+          logout();
+          haptics.success();
         },
-      ]
-    );
+      },
+    ]);
   };
 
   // 存储示例
@@ -178,7 +188,7 @@ export default function DemoScreen() {
         timestamp: new Date().toISOString(),
         counter,
       };
-      
+
       await Storage.setObject(STORAGE_KEYS.USER_PREFERENCES, testData);
       haptics.success();
       Alert.alert('成功', '数据已保存到本地存储');
@@ -192,7 +202,7 @@ export default function DemoScreen() {
     try {
       haptics.light();
       const data = await Storage.getObject<any>(STORAGE_KEYS.USER_PREFERENCES);
-      
+
       if (data) {
         setStorageValue(JSON.stringify(data, null, 2));
         haptics.success();
@@ -234,11 +244,7 @@ export default function DemoScreen() {
           {isLoggedIn ? (
             <View style={styles.userInfo}>
               {user?.avatar && (
-                <Image
-                  source={{ uri: user.avatar }}
-                  style={styles.avatar}
-                  contentFit="cover"
-                />
+                <Image source={{ uri: user.avatar }} style={styles.avatar} contentFit="cover" />
               )}
               <View style={styles.userDetails}>
                 <Text style={styles.userName}>{user?.nickname}</Text>
@@ -247,10 +253,7 @@ export default function DemoScreen() {
                   注册时间: {formatRelativeTime(user?.createdAt || '')}
                 </Text>
               </View>
-              <TouchableOpacity
-                style={[styles.button, styles.logoutButton]}
-                onPress={handleLogout}
-              >
+              <TouchableOpacity style={[styles.button, styles.logoutButton]} onPress={handleLogout}>
                 <Text style={styles.buttonText}>退出</Text>
               </TouchableOpacity>
             </View>
@@ -263,7 +266,7 @@ export default function DemoScreen() {
         {!isLoggedIn && (
           <View style={styles.section}>
             <Text style={styles.sectionTitle}>🔐 登录表单 (React Hook Form + Zod)</Text>
-            
+
             <Controller
               control={control}
               name="email"
@@ -276,14 +279,9 @@ export default function DemoScreen() {
                     placeholder="请输入邮箱"
                     keyboardType="email-address"
                     autoCapitalize="none"
-                    style={[
-                      styles.input,
-                      errors.email && styles.inputError,
-                    ]}
+                    style={[styles.input, errors.email && styles.inputError]}
                   />
-                  {errors.email && (
-                    <Text style={styles.errorText}>{errors.email.message}</Text>
-                  )}
+                  {errors.email && <Text style={styles.errorText}>{errors.email.message}</Text>}
                 </View>
               )}
             />
@@ -299,10 +297,7 @@ export default function DemoScreen() {
                     onChangeText={onChange}
                     placeholder="请输入密码"
                     secureTextEntry
-                    style={[
-                      styles.input,
-                      errors.password && styles.inputError,
-                    ]}
+                    style={[styles.input, errors.password && styles.inputError]}
                   />
                   {errors.password && (
                     <Text style={styles.errorText}>{errors.password.message}</Text>
@@ -349,10 +344,7 @@ export default function DemoScreen() {
         <View style={styles.section}>
           <Text style={styles.sectionTitle}>⏱️ 节流点击 (useThrottle)</Text>
           <Text style={styles.infoText}>点击次数: {counter}</Text>
-          <TouchableOpacity
-            style={[styles.button, styles.primaryButton]}
-            onPress={throttledClick}
-          >
+          <TouchableOpacity style={[styles.button, styles.primaryButton]} onPress={throttledClick}>
             <Text style={styles.buttonText}>快速点击测试（1秒节流）</Text>
           </TouchableOpacity>
         </View>
@@ -387,18 +379,14 @@ export default function DemoScreen() {
           <Text style={styles.infoText}>
             当前时间: {formatDate(new Date(), 'YYYY-MM-DD HH:mm:ss')}
           </Text>
-          <Text style={styles.infoText}>
-            相对时间: {formatRelativeTime(new Date())}
-          </Text>
-          <Text style={styles.infoText}>
-            聊天时间: {formatChatTime(Date.now())}
-          </Text>
+          <Text style={styles.infoText}>相对时间: {formatRelativeTime(new Date())}</Text>
+          <Text style={styles.infoText}>聊天时间: {formatChatTime(Date.now())}</Text>
         </View>
 
         {/* 设置示例 */}
         <View style={styles.section}>
           <Text style={styles.sectionTitle}>⚙️ 应用设置</Text>
-          
+
           <View style={styles.settingRow}>
             <Text style={styles.settingLabel}>主题: {theme}</Text>
             <TouchableOpacity
@@ -475,9 +463,7 @@ export default function DemoScreen() {
         </View>
 
         <View style={styles.footer}>
-          <Text style={styles.footerText}>
-            查看代码了解更多使用方法 📖
-          </Text>
+          <Text style={styles.footerText}>查看代码了解更多使用方法 📖</Text>
         </View>
       </View>
     </ScrollView>
@@ -607,7 +593,7 @@ const styles = StyleSheet.create({
   },
   buttonRow: {
     flexDirection: 'row',
-    gap: 12,
+    justifyContent: 'space-between',
   },
   halfButton: {
     flex: 1,
@@ -651,27 +637,31 @@ const styles = StyleSheet.create({
   buttonGrid: {
     flexDirection: 'row',
     flexWrap: 'wrap',
-    gap: 8,
+    marginHorizontal: -4,
   },
   hapticsButton: {
     backgroundColor: '#5856D6',
     flex: 1,
     minWidth: '30%',
+    margin: 4,
   },
   successButton: {
     backgroundColor: '#34C759',
     flex: 1,
+    margin: 4,
     minWidth: '30%',
   },
   warningButton: {
     backgroundColor: '#FF9500',
     flex: 1,
     minWidth: '30%',
+    margin: 4,
   },
   errorButton: {
     backgroundColor: '#FF3B30',
     flex: 1,
     minWidth: '30%',
+    margin: 4,
   },
   footer: {
     marginTop: 24,
@@ -683,4 +673,3 @@ const styles = StyleSheet.create({
     color: '#999',
   },
 });
-