Files

edwinQQQ 4ff92c8c4d feat: 修复MainView Tab切换问题并优化MeView逻辑

- 新增MainView Tab切换问题分析文档，详细描述问题原因及解决方案。
- 优化BottomTabView的绑定逻辑，简化状态管理，确保Tab切换时状态正确更新。
- 在MeView中实现用户信息加载逻辑调整，确保动态列表仅在首次进入时加载，并添加错误处理视图。
- 创建EmptyStateView组件，提供统一的空状态展示和重试功能。
- 增强调试信息输出，便于后续问题排查和用户体验提升。

2025-08-05 15:51:07 +08:00

2.4 KiB

Raw Blame History

MainView Tab切换问题修复

问题描述

点击me tab时，页面没有切换到MeView，而是停留在FeedListView并显示"no moments yet"，但触发了2次MeFeature onAppear事件。

问题分析

1. 根本原因：MainFeature被重新初始化

从debug日志发现：

📱 MainContentView selectedTab: other
🏗️ MainFeature 初始化  ← MainFeature被重新创建！
📱 MainContentView selectedTab: feed

问题：AppRootView中每次渲染都重新创建MainFeature的store，导致状态丢失。

2. Tab枚举不匹配问题

MainFeature.Tab: feed(0), other(1)
BottomTabView.Tab: feed(0), me(1)

虽然rawValue相同，但类型不同，导致类型转换问题。

3. MainView中的绑定逻辑问题

// 原来的错误代码
BottomTabView(selectedTab: Binding(
    get: { Tab(rawValue: store.selectedTab.rawValue) ?? .feed }, // Tab类型不匹配
    set: { newTab in
        store.send(.selectTab(MainFeature.Tab(rawValue: newTab.rawValue) ?? .feed))
    }
))

4. MainContentView缺少状态追踪

MainContentView没有使用WithPerceptionTracking，可能导致状态更新时视图不刷新。

解决方案

1. 简化BottomTabView绑定逻辑

添加详细的调试信息追踪Tab转换过程
避免复杂的switch语句，使用三元运算符
确保绑定逻辑的清晰性和可追踪性

2. 优化MainFeature的selectTab处理

添加重复设置检查，避免重复状态变化
增加详细的调试信息
确保状态变化的唯一性

3. 添加状态一致性检查

在MainView加载时检查selectedTab状态
在MainContentView中验证状态一致性
添加详细的调试信息追踪状态变化

4. 优化AppRootView的store管理

修复store创建和缓存的逻辑
确保store的稳定性
添加store生命周期调试信息

5. 添加全面的调试信息

BottomTabView的get/set操作追踪
MainFeature的selectTab处理追踪
MainView和MainContentView的状态检查
AppRootView的store管理追踪

修复状态

✅ 简化BottomTabView绑定逻辑
✅ 优化MainFeature的selectTab处理
✅ 添加状态一致性检查
✅ 优化AppRootView的store管理
✅ 添加全面的调试信息
✅ 更新问题分析文档

测试要点

点击feed tab时正确显示FeedListView
点击me tab时正确显示MeView
Tab切换时状态正确更新
调试信息正确输出
不再出现重复的onAppear事件

2.4 KiB Raw Blame History Unescape Escape