feat(Apps): introduce Apps tab and related screens for enhanced navigation

- Added a new "Apps" tab in the TabsLayout, providing users with access to various applications.
- Created AppsScreen to display app entries, including a schedule feature with a calendar icon.
- Implemented routing for the schedule and course screens under the new Apps tab structure.
- Updated navigation hrefs to reflect the new Apps section, improving overall user experience.
- Refactored HomeScreen to manage bottom tab visibility based on scroll events, enhancing usability.
This commit is contained in:
lafay
2026-03-25 01:29:41 +08:00
parent c12b98e293
commit cedb8284ba
16 changed files with 463 additions and 86 deletions

View File

@@ -379,6 +379,16 @@ export const ScheduleScreen: React.FC = () => {
// 渲染周选择器
const renderWeekSelector = () => (
<View style={styles.weekSelector}>
{router.canGoBack() ? (
<TouchableOpacity
style={styles.weekBarIconButton}
onPress={() => router.back()}
accessibilityRole="button"
accessibilityLabel="返回"
>
<MaterialCommunityIcons name="chevron-left" size={28} color="#FFFFFF" />
</TouchableOpacity>
) : null}
<TouchableOpacity
style={styles.settingsButton}
onPress={() => setIsSettingsModalVisible(true)}
@@ -1066,6 +1076,13 @@ const styles = StyleSheet.create({
flexDirection: 'row',
alignItems: 'center',
},
weekBarIconButton: {
width: 40,
height: 40,
justifyContent: 'center',
alignItems: 'center',
marginLeft: spacing.sm,
},
settingsButton: {
width: 40,
height: 40,