1f17960b8d
- 在CreateFeedView中优化发布按钮样式，增加圆角背景和渐变色。 - 移除内容输入区域的深灰色背景，提升UI体验。 - 实现点击发布按钮时自动收起键盘功能。 - 添加发布成功通知机制，确保外层刷新列表数据。 - 更新相关Feature以支持跨Feature通信和状态管理。
43 lines
1.6 KiB
Markdown
43 lines
1.6 KiB
Markdown
# 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页面是否自动刷新显示新数据 |