f9ff572a30
- 在AppSettingView中重构主视图逻辑，优化图片选择与预览功能。 - 在FeedListFeature中改进点赞状态管理，确保动态更新流畅。 - 在DetailView中添加卡片点击回调，提升用户交互体验。 - 在OptimizedDynamicCardView中新增卡片点击手势，支持非详情页模式下的交互。 - 在swift-assistant-style.mdc中更新功能要求，强调使用函数式编程。
220 lines
8.3 KiB
Swift
220 lines
8.3 KiB
Swift
import SwiftUI
|
||
import ComposableArchitecture
|
||
|
||
struct DetailView: View {
|
||
@State var store: StoreOf<DetailFeature>
|
||
let onLikeSuccess: ((Int, Bool) -> Void)?
|
||
let onDismiss: (() -> Void)? // 新增：关闭回调
|
||
|
||
init(store: StoreOf<DetailFeature>, onLikeSuccess: ((Int, Bool) -> Void)? = nil, onDismiss: (() -> Void)? = nil) {
|
||
self.store = store
|
||
self.onLikeSuccess = onLikeSuccess
|
||
self.onDismiss = onDismiss
|
||
}
|
||
|
||
var body: some View {
|
||
ZStack {
|
||
// 背景图片
|
||
Image("bg")
|
||
.resizable()
|
||
.aspectRatio(contentMode: .fill)
|
||
.ignoresSafeArea()
|
||
|
||
VStack(spacing: 0) {
|
||
// 自定义导航栏
|
||
WithPerceptionTracking {
|
||
CustomNavigationBar(
|
||
title: NSLocalizedString("detail.title", comment: "Detail page title"),
|
||
showDeleteButton: isCurrentUserDynamic,
|
||
isDeleteLoading: store.isDeleteLoading,
|
||
onBack: {
|
||
onDismiss?() // 调用父视图的关闭回调
|
||
},
|
||
onDelete: {
|
||
store.send(.deleteDynamic)
|
||
}
|
||
)
|
||
}
|
||
.padding(.top, 24)
|
||
|
||
// 内容区域
|
||
ScrollView {
|
||
VStack(spacing: 0) {
|
||
// 使用OptimizedDynamicCardView显示动态内容
|
||
WithPerceptionTracking {
|
||
OptimizedDynamicCardView(
|
||
moment: store.moment,
|
||
allMoments: [store.moment], // 详情页只有一个动态
|
||
currentIndex: 0,
|
||
onImageTap: { images, index in
|
||
store.send(.showImagePreview(images, index))
|
||
},
|
||
onLikeTap: { dynamicId, uid, likedUid, worldId in
|
||
store.send(.likeDynamic(dynamicId, uid, likedUid, worldId))
|
||
},
|
||
onCardTap: nil, // 详情页不需要卡片点击
|
||
isDetailMode: true, // 详情页模式，点击卡片不跳转
|
||
isLikeLoading: store.isLikeLoading
|
||
)
|
||
.padding(.horizontal, 16)
|
||
.padding(.top, 16)
|
||
.padding(.bottom, 116)
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.navigationBarHidden(true)
|
||
.onAppear {
|
||
debugInfoSync("🔍 DetailView: onAppear - moment.uid: \(store.moment.uid)")
|
||
store.send(.onAppear)
|
||
}
|
||
.onChange(of: store.shouldDismiss) { shouldDismiss in
|
||
if shouldDismiss {
|
||
debugInfoSync("🔍 DetailView: shouldDismiss = true, 调用onDismiss")
|
||
onDismiss?()
|
||
}
|
||
}
|
||
.fullScreenCover(isPresented: Binding(
|
||
get: { store.showImagePreview },
|
||
set: { _ in store.send(.hideImagePreview) }
|
||
)) {
|
||
WithPerceptionTracking {
|
||
ImagePreviewPager(
|
||
images: store.selectedImages,
|
||
currentIndex: Binding(
|
||
get: { store.selectedImageIndex },
|
||
set: { newIndex in
|
||
store.send(.showImagePreview(store.selectedImages, newIndex))
|
||
}
|
||
),
|
||
onClose: {
|
||
store.send(.imagePreviewDismissed)
|
||
}
|
||
)
|
||
}
|
||
}
|
||
}
|
||
|
||
// 判断是否为当前用户的动态
|
||
private var isCurrentUserDynamic: Bool {
|
||
// 使用store中的当前用户ID进行判断
|
||
guard let currentUserId = store.currentUserId,
|
||
let currentUserIdInt = Int(currentUserId) else {
|
||
debugInfoSync("🔍 DetailView: 无法获取当前用户ID - currentUserId: \(store.currentUserId ?? "nil")")
|
||
return false
|
||
}
|
||
let isCurrentUser = store.moment.uid == currentUserIdInt
|
||
debugInfoSync("🔍 DetailView: 动态用户判断 - moment.uid: \(store.moment.uid), currentUserId: \(currentUserIdInt), isCurrentUser: \(isCurrentUser)")
|
||
return isCurrentUser
|
||
}
|
||
}
|
||
|
||
// MARK: - CustomNavigationBar
|
||
struct CustomNavigationBar: View {
|
||
let title: String
|
||
let showDeleteButton: Bool
|
||
let isDeleteLoading: Bool
|
||
let onBack: () -> Void
|
||
let onDelete: () -> Void
|
||
|
||
var body: some View {
|
||
HStack {
|
||
// 返回按钮
|
||
Button(action: onBack) {
|
||
Image(systemName: "chevron.left")
|
||
.font(.system(size: 20, weight: .medium))
|
||
.foregroundColor(.white)
|
||
.frame(width: 44, height: 44)
|
||
.background(Color.black.opacity(0.3))
|
||
.clipShape(Circle())
|
||
}
|
||
|
||
Spacer()
|
||
|
||
// 标题
|
||
Text(title)
|
||
.font(.system(size: 18, weight: .semibold))
|
||
.foregroundColor(.white)
|
||
.shadow(color: .black.opacity(0.5), radius: 2, x: 0, y: 1)
|
||
|
||
Spacer()
|
||
|
||
// 删除按钮（仅在需要时显示）
|
||
WithPerceptionTracking {
|
||
if showDeleteButton {
|
||
Button(action: onDelete) {
|
||
if isDeleteLoading {
|
||
ProgressView()
|
||
.progressViewStyle(CircularProgressViewStyle(tint: .white))
|
||
.scaleEffect(0.8)
|
||
.frame(width: 44, height: 44)
|
||
.background(Color.red.opacity(0.8))
|
||
.clipShape(Circle())
|
||
} else {
|
||
Image(systemName: "trash")
|
||
.font(.system(size: 16, weight: .medium))
|
||
.foregroundColor(.white)
|
||
.frame(width: 44, height: 44)
|
||
.background(Color.red.opacity(0.8))
|
||
.clipShape(Circle())
|
||
}
|
||
}
|
||
.disabled(isDeleteLoading)
|
||
} else {
|
||
// 占位，保持标题居中
|
||
Color.clear
|
||
.frame(width: 44, height: 44)
|
||
}
|
||
}
|
||
}
|
||
.padding(.horizontal, 16)
|
||
.padding(.top, 8)
|
||
.padding(.bottom, 12)
|
||
.background(
|
||
LinearGradient(
|
||
gradient: Gradient(colors: [
|
||
Color.black.opacity(0.4),
|
||
Color.black.opacity(0.2),
|
||
Color.clear
|
||
]),
|
||
startPoint: .top,
|
||
endPoint: .bottom
|
||
)
|
||
)
|
||
}
|
||
}
|
||
|
||
//#Preview {
|
||
// DetailView(
|
||
// store: Store(
|
||
// initialState: DetailFeature.State(
|
||
// moment: MomentsInfo(
|
||
// dynamicId: 1,
|
||
// uid: 123,
|
||
// nick: "Test User",
|
||
// avatar: "https://example.com/avatar.jpg",
|
||
// type: 1,
|
||
// content: "This is a test dynamic content",
|
||
// publishTime: Int(Date().timeIntervalSince1970 * 1000),
|
||
// likeCount: 10,
|
||
// isLike: false,
|
||
// worldId: 1,
|
||
// dynamicResList: [
|
||
// MomentsPicture(
|
||
// id: 1,
|
||
// resUrl: "https://example.com/image1.jpg",
|
||
// format: "jpg",
|
||
// width: 800,
|
||
// height: 600,
|
||
// resDuration: nil
|
||
// )
|
||
// ]
|
||
// )
|
||
// )
|
||
// ) {
|
||
// DetailFeature()
|
||
// }
|
||
// )
|
||
//}
|