feat: 优化目标创建成功提示及任务筛选功能

- 将目标创建成功后的提示从系统默认的 Alert.alert 改为使用自定义确认弹窗,提升用户体验和视觉一致性
- 在任务筛选中新增“已跳过”选项,支持用户更好地管理任务状态
- 更新任务卡片和进度卡片,展示跳过任务的数量和状态
- 调整相关组件样式,确保界面一致性和美观性
- 编写相关文档,详细描述新功能和使用方法
This commit is contained in:
2025-08-22 22:19:49 +08:00
parent 7d28b79d86
commit 75806df660
9 changed files with 436 additions and 37 deletions

View File

@@ -1,7 +1,7 @@
import React from 'react';
import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
export type TaskFilterType = 'all' | 'pending' | 'completed';
export type TaskFilterType = 'all' | 'pending' | 'completed' | 'skipped';
interface TaskFilterTabsProps {
selectedFilter: TaskFilterType;
@@ -10,6 +10,7 @@ interface TaskFilterTabsProps {
all: number;
pending: number;
completed: number;
skipped: number;
};
}
@@ -101,6 +102,33 @@ export const TaskFilterTabs: React.FC<TaskFilterTabsProps> = ({
</Text>
</View>
</TouchableOpacity>
{/* 已跳过 Tab */}
<TouchableOpacity
style={[
styles.tab,
selectedFilter === 'skipped' && styles.activeTab
]}
onPress={() => onFilterChange('skipped')}
>
<Text style={[
styles.tabText,
selectedFilter === 'skipped' && styles.activeTabText
]}>
</Text>
<View style={[
styles.badge,
selectedFilter === 'skipped' ? styles.activeBadge : styles.inactiveBadge
]}>
<Text style={[
styles.badgeText,
selectedFilter === 'skipped' && styles.activeBadgeText
]}>
{taskCounts.skipped}
</Text>
</View>
</TouchableOpacity>
</View>
</View>
);