
- 在CreateFeedView中优化发布按钮样式,增加圆角背景和渐变色。 - 移除内容输入区域的深灰色背景,提升UI体验。 - 实现点击发布按钮时自动收起键盘功能。 - 添加发布成功通知机制,确保外层刷新列表数据。 - 更新相关Feature以支持跨Feature通信和状态管理。
1.6 KiB
1.6 KiB
CreateFeedView 优化任务总结
任务要求
- 发布按钮增加圆角背景,高45,左右距离俯视图16,背景为左到右渐变色 #F854FC-#500FFF
- 移除内容输入区域的深灰色背景
- 点击发布按钮时,收起键盘
- 发布按钮触发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
技术要点
- 使用@FocusState管理键盘焦点,点击发布按钮时自动收起键盘
- 使用NotificationCenter进行跨Feature通信
- 通过TCA的Effect.merge同时触发多个刷新操作
- 保持TCA架构的清晰分层
测试建议
- 测试发布按钮样式是否正确显示
- 测试点击发布按钮时键盘是否收起
- 测试发布成功后是否自动关闭页面
- 测试FeedList和Me页面是否自动刷新显示新数据