Files
e-party-iOS/issues/CreateFeedView优化.md
edwinQQQ 1f17960b8d feat: 新增CreateFeedView优化任务总结文档及相关功能实现
- 在CreateFeedView中优化发布按钮样式,增加圆角背景和渐变色。
- 移除内容输入区域的深灰色背景,提升UI体验。
- 实现点击发布按钮时自动收起键盘功能。
- 添加发布成功通知机制,确保外层刷新列表数据。
- 更新相关Feature以支持跨Feature通信和状态管理。
2025-07-31 14:23:15 +08:00

1.6 KiB
Raw Blame History

CreateFeedView 优化任务总结

任务要求

  1. 发布按钮增加圆角背景高45左右距离俯视图16背景为左到右渐变色 #F854FC-#500FFF
  2. 移除内容输入区域的深灰色背景
  3. 点击发布按钮时,收起键盘
  4. 发布按钮触发api并成功后要自动收起createfeedview并通知外层刷新列表数据

实施内容

1. UI样式修改 (CreateFeedView.swift)

  • 发布按钮样式高度45px左右边距16px渐变色背景 #F854FC-#500FFF
  • 移除内容输入区域的深灰色背景
  • 添加键盘收起功能:使用@FocusState管理焦点状态

2. 发布成功通知机制

  • CreateFeedFeature添加publishSuccess Action
  • 发布成功后发送通知NotificationCenter.default.post
  • FeedListFeature监听通知并转发给MainFeature
  • MainFeature同时刷新FeedList和Me页面数据

3. 架构设计

CreateFeedFeature.publishSuccess 
    ↓ (NotificationCenter)
FeedListFeature.createFeedPublishSuccess
    ↓ (TCA Action)
MainFeature.feedList(.createFeedPublishSuccess)
    ↓ (Effect.merge)
FeedListFeature.reload + MeFeature.refresh

技术要点

  1. 使用@FocusState管理键盘焦点点击发布按钮时自动收起键盘
  2. 使用NotificationCenter进行跨Feature通信
  3. 通过TCA的Effect.merge同时触发多个刷新操作
  4. 保持TCA架构的清晰分层

测试建议

  1. 测试发布按钮样式是否正确显示
  2. 测试点击发布按钮时键盘是否收起
  3. 测试发布成功后是否自动关闭页面
  4. 测试FeedList和Me页面是否自动刷新显示新数据