a6cdb97e24
主要改动: 1. 创建乐观更新工具函数 (optimisticUpdate.ts) - 消除 userStore.ts 中的重复代码 2. 拆分 useResponsive.ts (485行 -> 12个专注模块) - useBreakpoint: 断点检测 - useOrientation: 方向检测 - usePlatform: 平台检测 - useScreenSize: 屏幕尺寸 - useResponsiveValue: 响应式值 - useResponsiveStyle: 响应式样式 - useMediaQuery: 媒体查询 - useColumnCount: 列数计算 - useResponsiveSpacing: 响应式间距 3. 整理数据层 (Repository 层) - ApiDataSource: API数据源 - LocalDataSource: 本地数据源 - CacheDataSource: 缓存数据源 - MessageRepository: 消息仓库 4. 重构 messageManager.ts (2194行 -> 4个模块) - MessageStateManager: 状态管理 - WebSocketMessageHandler: WebSocket处理 - MessageSyncService: 消息同步 - ReadReceiptManager: 已读管理 5. 导航解耦 (MainNavigator.tsx: 1118行 -> 100行) - 创建 NavigationService 解耦层 - 拆分多个 Navigator 组件 架构改进: - 单一职责原则: 每个模块职责明确 - 依赖倒置: 通过接口解耦 - 代码复用: 工具函数可被多处使用 - 可测试性: 各模块可独立测试
50 lines
1.2 KiB
TypeScript
50 lines
1.2 KiB
TypeScript
/**
|
|
* 首页 Stack 导航
|
|
* 处理首页相关页面：首页、搜索等
|
|
*/
|
|
import React from 'react';
|
|
import { createNativeStackNavigator } from '@react-navigation/native-stack';
|
|
import type { HomeStackParamList } from './types';
|
|
|
|
import { colors } from '../theme';
|
|
import { HomeScreen, SearchScreen } from '../screens/home';
|
|
|
|
const HomeStack = createNativeStackNavigator<HomeStackParamList>();
|
|
|
|
export function HomeNavigator() {
|
|
return (
|
|
<HomeStack.Navigator
|
|
screenOptions={{
|
|
headerStyle: {
|
|
backgroundColor: colors.background.paper,
|
|
},
|
|
headerTintColor: colors.text.primary,
|
|
headerTitleStyle: {
|
|
fontWeight: '600',
|
|
},
|
|
headerBackTitle: '',
|
|
headerShadowVisible: false,
|
|
}}
|
|
>
|
|
<HomeStack.Screen
|
|
name="Home"
|
|
component={HomeScreen}
|
|
options={{
|
|
title: '首页',
|
|
headerBackTitle: '',
|
|
headerShown: false,
|
|
}}
|
|
/>
|
|
<HomeStack.Screen
|
|
name="Search"
|
|
component={SearchScreen}
|
|
options={{
|
|
title: '搜索',
|
|
headerBackTitle: '',
|
|
headerShown: false,
|
|
}}
|
|
/>
|
|
</HomeStack.Navigator>
|
|
);
|
|
}
|