feat: 首页更新

pages/HomeScreen/index.tsx

@@ -1,23 +1,30 @@
 /**
- * 首页主容器组件
- *
- * 支持浅色/深色主题，包含完整的首页功能：
- * - Header（搜索、用户信息）
- * - 轮播图
- * - 游戏分类菜单
- * - 游戏大厅
- * - 公告栏
- * - 高奖金游戏（深色主题）
- * - 快速导航（深色主题）
- * - BottomTabs（底部导航）
+ * 完整首页容器
+ * 包含 Header、内容区域、BottomTabs
+ * 支持主题切换和真实数据
  */
-
-import React, { useMemo, useCallback } from 'react';
-import { ScrollView, StyleSheet, RefreshControl } from 'react-native';
-import { useColorScheme } from '@/hooks';
-import { createThemeStyles } from '@/theme';
-import Colors from '@/constants/Colors';
-import HomeScreenComplete from './HomeScreenComplete';
+import React, { useState, useEffect, useCallback } from 'react';
+import { View, ScrollView, RefreshControl, Alert } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { createThemeStyles, useColorScheme, useThemeInfo } from '@/theme';
+import {
+  Header,
+  BannerSwiper,
+  NoticeBar,
+  GameMainMenus,
+  Lobby,
+  HighPrizeGame,
+  FastFootNav,
+} from './components';
+import { requestHomePageData } from '@/stores/gameStore';
+import { useTenantLoad } from '@/stores/tenantStore';
+import type {
+  Banner,
+  Notice,
+  GameCategory,
+  Game,
+  HighPrizeGame as HighPrizeGameType,
+} from '@/types/home';
 
 /**
  * 创建主题样式
@@ -27,33 +34,124 @@ const styles = createThemeStyles((colors) => ({
     flex: 1,
     backgroundColor: colors.background,
   },
-  scrollView: {
+  contentContainer: {
     flex: 1,
   },
+  scrollContent: {
+    paddingBottom: 20,
+  },
 }));
 
-/**
- * 首页主容器组件
- */
-export default function HomeScreen() {
-  const theme = useColorScheme();
-  const s = styles[theme];
-  const [refreshing, setRefreshing] = React.useState(false);
 
-  // 下拉刷新处理
-  const onRefresh = useCallback(() => {
-    setRefreshing(true);
-    // 模拟刷新延迟
-    setTimeout(() => {
-      setRefreshing(false);
-    }, 1000);
+/**
+ * 完整首页容器
+ */
+export default function HomePage() {
+  const colorScheme = useColorScheme();
+  const s = styles[colorScheme];
+  const { isDark: isDarkTheme, colors } = useThemeInfo();
+
+  const [refreshing, setRefreshing] = useState(false);
+  const tenantLoad = useTenantLoad();
+
+  // 加载首页数据
+  const loadHomePageData = useCallback(async () => {
+    try {
+      await requestHomePageData();
+    } catch (error) {
+      console.error('加载首页数据失败:', error);
+    }
   }, []);
 
+  // 初始化加载
+  useEffect(() => {
+    console.log('租户数据加载完成:', tenantLoad);
+    if (tenantLoad) {
+      loadHomePageData();
+    }
+  }, [loadHomePageData, tenantLoad]);
+
+  // 下拉刷新
+  const handleRefresh = useCallback(async () => {
+    setRefreshing(true);
+    try {
+      await loadHomePageData();
+    } finally {
+      setRefreshing(false);
+    }
+  }, [loadHomePageData]);
+
+  // 处理游戏点击
+  const handleGamePress = useCallback((game: Game) => {
+    Alert.alert('游戏', `点击了: ${game.play_up_name}`);
+    // 这里可以添加打开游戏的逻辑
+  }, []);
+
+  // 处理底部 Tab 点击
+  const handleTabPress = useCallback((tabId: string, action: string) => {
+    Alert.alert('导航', `点击了: ${tabId}`);
+    // 这里可以添加导航逻辑
+  }, []);
+
+  // 处理搜索
+  const handleSearch = useCallback((keyword: string) => {
+    Alert.alert('搜索', `搜索关键词: ${keyword}`);
+    // 这里可以添加搜索逻辑
+  }, []);
+
+  // 根据主题选择要显示的组件
+  const renderContent = () => {
+    if (isDarkTheme) {
+      // 深色主题布局
+      return (
+        <>
+          <GameMainMenus />
+          <BannerSwiper />
+          <NoticeBar />
+          <HighPrizeGame onGamePress={handleGamePress} />
+          <Lobby onGamePress={handleGamePress} />
+          <FastFootNav onTabPress={handleTabPress} />
+        </>
+      );
+    } else {
+      // 浅色主题布局
+      return (
+        <>
+          <BannerSwiper />
+          <NoticeBar />
+          <GameMainMenus />
+          <Lobby onGamePress={handleGamePress} />
+        </>
+      );
+    }
+  };
+
   return (
-    <HomeScreenComplete
-      theme={theme}
-      isDarkTheme={theme === 'dark'}
-    />
+    <SafeAreaView style={s.container}>
+      {/* Header */}
+      <Header
+        onSearch={handleSearch}
+        onMessagePress={() => Alert.alert('消息', '消息功能')}
+        onUserPress={() => Alert.alert('用户', '用户中心')}
+        unreadCount={3}
+      />
+
+      {/* 内容区域 */}
+      <View style={s.contentContainer}>
+        <ScrollView
+          style={s.contentContainer}
+          refreshControl={
+            <RefreshControl
+              refreshing={refreshing}
+              onRefresh={handleRefresh}
+              tintColor={colors.primary}
+            />
+          }
+          showsVerticalScrollIndicator={false}
+        >
+          <View style={s.scrollContent}>{renderContent()}</View>
+        </ScrollView>
+      </View>
+    </SafeAreaView>
   );
 }
-