4eb01bde7c
- 在FeedListFeature中新增分页相关状态管理，支持上拉加载更多和下拉刷新功能，提升用户体验。 - 在FeedListView中实现上拉加载更多的触发逻辑和加载指示器，优化动态内容展示。
122 lines
5.9 KiB
Swift
122 lines
5.9 KiB
Swift
import SwiftUI
|
||
import ComposableArchitecture
|
||
//import OptimizedDynamicCardView // 导入新组件
|
||
|
||
struct FeedListView: View {
|
||
let store: StoreOf<FeedListFeature>
|
||
|
||
var body: some View {
|
||
WithViewStore(self.store, observe: { $0 }) { viewStore in
|
||
GeometryReader { geometry in
|
||
ZStack {
|
||
// 背景图片
|
||
Image("bg")
|
||
.resizable()
|
||
.aspectRatio(contentMode: .fill)
|
||
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
||
.clipped()
|
||
.ignoresSafeArea(.all)
|
||
VStack(alignment: .center, spacing: 0) {
|
||
// 顶部栏
|
||
HStack {
|
||
Spacer(minLength: 0)
|
||
Spacer(minLength: 0)
|
||
Text(NSLocalizedString("feedList.title", comment: "Enjoy your Life Time"))
|
||
.font(.system(size: 22, weight: .semibold))
|
||
.foregroundColor(.white)
|
||
.frame(maxWidth: .infinity, alignment: .center)
|
||
Spacer(minLength: 0)
|
||
Button(action: {
|
||
viewStore.send(.editFeedButtonTapped)
|
||
}) {
|
||
Image("add icon")
|
||
.resizable()
|
||
.frame(width: 36, height: 36)
|
||
}
|
||
}
|
||
.padding(.horizontal, 20)
|
||
.padding(.top, geometry.safeAreaInsets.top)
|
||
// 其他内容
|
||
Image(systemName: "heart.fill")
|
||
.font(.system(size: 60))
|
||
.foregroundColor(.red)
|
||
.padding(.top, 40)
|
||
Text(NSLocalizedString("feedList.slogan", comment: "The disease is like a cruel ruler,\nand time is our most precious treasure.\nEvery moment we live is a victory\nagainst the inevitable."))
|
||
.font(.system(size: 16))
|
||
.multilineTextAlignment(.center)
|
||
.foregroundColor(.white.opacity(0.9))
|
||
.padding(.horizontal, 30)
|
||
.padding(.bottom, 30)
|
||
// 新增：动态内容列表
|
||
if viewStore.isLoading {
|
||
ProgressView()
|
||
.progressViewStyle(CircularProgressViewStyle(tint: .white))
|
||
.padding(.top, 20)
|
||
} else if let error = viewStore.error {
|
||
Text(error)
|
||
.font(.system(size: 14))
|
||
.foregroundColor(.red)
|
||
.multilineTextAlignment(.center)
|
||
.padding(.horizontal, 20)
|
||
.padding(.top, 20)
|
||
} else if viewStore.moments.isEmpty {
|
||
Text(NSLocalizedString("feedList.empty", comment: "暂无动态"))
|
||
.font(.system(size: 16))
|
||
.foregroundColor(.white.opacity(0.7))
|
||
.padding(.top, 20)
|
||
} else {
|
||
ScrollView {
|
||
LazyVStack(spacing: 16) {
|
||
ForEach(Array(viewStore.moments.enumerated()), id: \ .element.dynamicId) { index, moment in
|
||
OptimizedDynamicCardView(moment: moment, allMoments: viewStore.moments, currentIndex: index)
|
||
// 上拉加载更多触发点
|
||
if index == viewStore.moments.count - 1, viewStore.hasMore, !viewStore.isLoadingMore {
|
||
Color.clear
|
||
.frame(height: 1)
|
||
.onAppear {
|
||
viewStore.send(.loadMore)
|
||
}
|
||
}
|
||
}
|
||
// 加载更多指示器
|
||
if viewStore.isLoadingMore {
|
||
ProgressView()
|
||
.progressViewStyle(CircularProgressViewStyle(tint: .white))
|
||
.padding(.vertical, 8)
|
||
}
|
||
}
|
||
.padding(.horizontal, 16)
|
||
.padding(.top, 10)
|
||
.padding(.bottom, 20)
|
||
}
|
||
.refreshable {
|
||
viewStore.send(.reload)
|
||
}
|
||
}
|
||
Spacer()
|
||
}
|
||
.frame(maxWidth: .infinity, alignment: .top)
|
||
}
|
||
}
|
||
.onAppear {
|
||
viewStore.send(.onAppear)
|
||
}
|
||
.sheet(isPresented: viewStore.binding(
|
||
get: \.isEditFeedPresented,
|
||
send: { $0 ? .editFeedButtonTapped : .editFeedDismissed }
|
||
)) {
|
||
EditFeedView(
|
||
onDismiss: {
|
||
viewStore.send(.editFeedDismissed)
|
||
},
|
||
store: Store(
|
||
initialState: EditFeedFeature.State()
|
||
) {
|
||
EditFeedFeature()
|
||
}
|
||
)
|
||
}
|
||
}
|
||
}
|
||
}
|