Ma/OrionTV
1
0
Fork 0
mirror of https://github.com/zimplexing/OrionTV.git synced 2026-03-16 10:47:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: Implement mobile tab navigation and enhance responsive layout for better user experience

Browse Source
This commit is contained in:
zimplexing
2025-08-06 22:00:29 +08:00
parent 7c7e8e0b97
commit 60c4e7420d
7 changed files with 174 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/navigation/ResponsiveNavigation.tsx
View File

@@ -1,7 +1,7 @@
import React from 'react';
import { View, StyleSheet } from 'react-native';
import { useResponsiveLayout } from '@/hooks/useResponsiveLayout';
import MobileBottomTabNavigator from './MobileBottomTabNavigator';
import MobileTabContainer from './MobileTabContainer';
import TabletSidebarNavigator from './TabletSidebarNavigator';
interface ResponsiveNavigationProps {
@@ -13,14 +13,8 @@ const ResponsiveNavigation: React.FC<ResponsiveNavigationProps> = ({ children })
switch (deviceType) {
case 'mobile':
return (
<View style={styles.container}>
<View style={styles.content}>
{children}
</View>
<MobileBottomTabNavigator />
</View>
);
// 移动端使用Tab容器包装children
return <MobileTabContainer>{children}</MobileTabContainer>;
case 'tablet':
return (