62dcf591f0
- 在MeFeature中新增showDetail状态和selectedMoment属性，支持详情页的展示。 - 更新Action枚举，添加showDetail和detailDismissed动作以处理详情页逻辑。 - 在MeView中整合showDetail状态与selectedMoment，优化详情页导航和交互逻辑。 - 通过viewStore发送动作，提升状态管理的清晰度与可维护性。
191 lines
7.9 KiB
Swift
191 lines
7.9 KiB
Swift
import SwiftUI
|
||
import ComposableArchitecture
|
||
|
||
struct MeView: View {
|
||
let store: StoreOf<MeFeature>
|
||
// 新增：图片预览状态
|
||
@State private var previewItem: PreviewItem? = nil
|
||
@State private var previewCurrentIndex: Int = 0
|
||
|
||
var body: some View {
|
||
WithViewStore(self.store, observe: { $0 }) { viewStore in
|
||
WithPerceptionTracking {
|
||
GeometryReader { geometry in
|
||
ZStack {
|
||
// 背景图片
|
||
Image("bg")
|
||
.resizable()
|
||
.aspectRatio(contentMode: .fill)
|
||
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
||
.clipped()
|
||
.ignoresSafeArea(.all)
|
||
|
||
// 顶部栏，右上角设置按钮
|
||
VStack {
|
||
HStack {
|
||
Spacer()
|
||
Button(action: {
|
||
viewStore.send(.settingButtonTapped)
|
||
}) {
|
||
Image(systemName: "gearshape")
|
||
.font(.system(size: 33, weight: .medium))
|
||
.foregroundColor(.white)
|
||
}
|
||
.padding(.trailing, 16)
|
||
.padding(.top, 8)
|
||
}
|
||
Spacer()
|
||
}
|
||
|
||
// 主要内容区域
|
||
VStack(spacing: 16) {
|
||
// 用户信息区域
|
||
userInfoSection(viewStore: viewStore)
|
||
|
||
// 动态内容区域
|
||
momentsSection(viewStore: viewStore)
|
||
|
||
Spacer()
|
||
}
|
||
.frame(maxWidth: .infinity, alignment: .top)
|
||
.padding(.top, 8)
|
||
}
|
||
}
|
||
.onAppear {
|
||
viewStore.send(.onAppear)
|
||
}
|
||
// 新增：图片预览弹窗
|
||
.fullScreenCover(item: $previewItem) { item in
|
||
ImagePreviewPager(images: item.images as [String], currentIndex: $previewCurrentIndex) {
|
||
previewItem = nil
|
||
}
|
||
}
|
||
// 新增：详情页导航
|
||
.navigationDestination(isPresented: viewStore.binding(
|
||
get: \.showDetail,
|
||
send: { _ in .detailDismissed }
|
||
)) {
|
||
if let selectedMoment = viewStore.selectedMoment {
|
||
DetailView(
|
||
store: Store(
|
||
initialState: DetailFeature.State(moment: selectedMoment)
|
||
) {
|
||
DetailFeature()
|
||
},
|
||
onDismiss: {
|
||
viewStore.send(.detailDismissed)
|
||
}
|
||
)
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
// MARK: - 用户信息区域
|
||
@ViewBuilder
|
||
private func userInfoSection(viewStore: ViewStoreOf<MeFeature>) -> some View {
|
||
if viewStore.isLoadingUserInfo {
|
||
ProgressView()
|
||
.progressViewStyle(CircularProgressViewStyle(tint: .white))
|
||
.frame(height: 130)
|
||
} else if let error = viewStore.userInfoError {
|
||
Text(error)
|
||
.font(.system(size: 14))
|
||
.foregroundColor(.red)
|
||
.frame(height: 130)
|
||
} else if let userInfo = viewStore.userInfo {
|
||
VStack(spacing: 8) {
|
||
if let avatarUrl = userInfo.avatar, !avatarUrl.isEmpty {
|
||
AsyncImage(url: URL(string: avatarUrl)) { image in
|
||
image.resizable().aspectRatio(contentMode: .fill).clipShape(Circle())
|
||
} placeholder: {
|
||
Image(systemName: "person.fill").font(.system(size: 40)).foregroundColor(.white)
|
||
}
|
||
.frame(width: 90, height: 90)
|
||
} else {
|
||
Image(systemName: "person.fill").font(.system(size: 40)).foregroundColor(.white)
|
||
.frame(width: 90, height: 90)
|
||
}
|
||
Text(userInfo.nick ?? "用户昵称")
|
||
.font(.system(size: 18, weight: .medium))
|
||
.foregroundColor(.white)
|
||
Text("ID: \(userInfo.uid ?? 0)")
|
||
.font(.system(size: 14))
|
||
.foregroundColor(.white.opacity(0.7))
|
||
}
|
||
.padding(.top, 0)
|
||
.frame(height: 130)
|
||
} else {
|
||
Spacer().frame(height: 130)
|
||
}
|
||
}
|
||
|
||
// MARK: - 动态内容区域
|
||
@ViewBuilder
|
||
private func momentsSection(viewStore: ViewStoreOf<MeFeature>) -> some View {
|
||
if viewStore.isLoadingMoments && viewStore.moments.isEmpty {
|
||
ProgressView("加载中...")
|
||
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
||
} else if let error = viewStore.momentsError {
|
||
VStack(spacing: 16) {
|
||
Image(systemName: "exclamationmark.triangle.fill")
|
||
.font(.system(size: 40))
|
||
.foregroundColor(.yellow)
|
||
Text(error)
|
||
.foregroundColor(.red)
|
||
Button("重试") {
|
||
viewStore.send(.onAppear)
|
||
}
|
||
}
|
||
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
||
} else if viewStore.moments.isEmpty {
|
||
VStack(spacing: 16) {
|
||
Image(systemName: "tray")
|
||
.font(.system(size: 40))
|
||
.foregroundColor(.gray)
|
||
Text("暂无动态")
|
||
.foregroundColor(.white.opacity(0.8))
|
||
}
|
||
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
||
} else {
|
||
ScrollView {
|
||
WithPerceptionTracking {
|
||
LazyVStack(spacing: 12) {
|
||
ForEach(Array(viewStore.moments.enumerated()), id: \.element.dynamicId) { index, moment in
|
||
OptimizedDynamicCardView(
|
||
moment: moment,
|
||
allMoments: viewStore.moments,
|
||
currentIndex: index,
|
||
onImageTap: { images, tappedIndex in
|
||
previewCurrentIndex = tappedIndex
|
||
previewItem = PreviewItem(images: images, index: tappedIndex)
|
||
},
|
||
onLikeTap: { _, _, _, _ in
|
||
// 暂时不处理点赞，后续可以添加点赞功能
|
||
},
|
||
onCardTap: {
|
||
viewStore.send(.showDetail(moment))
|
||
}
|
||
)
|
||
.padding(.horizontal, 12)
|
||
}
|
||
if viewStore.hasMore {
|
||
ProgressView()
|
||
.onAppear {
|
||
viewStore.send(.loadMore)
|
||
}
|
||
}
|
||
// 新增底部间距
|
||
Color.clear.frame(height: 120)
|
||
}
|
||
.padding(.top, 8)
|
||
}
|
||
}
|
||
.refreshable {
|
||
viewStore.send(.refresh)
|
||
}
|
||
}
|
||
}
|
||
}
|