Files
bw-expo-app/app/(tabs)/_layout.tsx
imeepos af64049c69 feat: 完整应用重构 - 优化界面架构与用户体验
主要变更:
- 重构应用界面:优化首页、登录、认证流程
- 新增用户档案模块:包含完整的档案管理组件
- 优化路由结构:重新组织页面布局和导航
- 改进API集成:新增活动、内容分类等API模块
- 删除冗余组件:清理不必要的文件和依赖

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-03 12:44:12 +08:00

64 lines
1.6 KiB
TypeScript

import { Tabs } from 'expo-router';
import React from 'react';
import { Image } from 'react-native';
import { HapticTab } from '@/components/haptic-tab';
import { Colors } from '@/constants/theme';
import { useAuth } from '@/hooks/use-auth';
import { useColorScheme } from '@/hooks/use-color-scheme';
export default function TabLayout() {
const colorScheme = useColorScheme();
const { isAuthenticated, isLoading } = useAuth();
if (isLoading) {
return null;
}
return (
<Tabs
screenOptions={{
tabBarActiveTintColor: Colors[colorScheme ?? 'light'].tint,
headerShown: false,
tabBarButton: HapticTab,
}}>
<Tabs.Screen
name="home"
options={{
title: 'Home',
tabBarIcon: ({ color }) => (
<Image
source={require('@/assets/icons/home.svg')}
style={{ width: 28, height: 28, tintColor: color as any }}
/>
),
}}
/>
<Tabs.Screen
name="history"
options={{
title: 'Content',
tabBarIcon: ({ color }) => (
<Image
source={require('@/assets/icons/content.svg')}
style={{ width: 28, height: 28, tintColor: color as any }}
/>
),
}}
/>
<Tabs.Screen
name="profile"
options={{
title: 'Profile',
tabBarIcon: ({ color }) => (
<Image
source={require('@/assets/icons/user.svg')}
style={{ width: 28, height: 28, tintColor: color as any }}
/>
),
}}
/>
</Tabs>
);
}