You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
306 lines
12 KiB
306 lines
12 KiB
import 'package:cached_network_image/cached_network_image.dart';
|
|
import 'package:dating_touchme_app/extension/ex_widget.dart';
|
|
import 'package:dating_touchme_app/generated/assets.dart';
|
|
import 'package:dating_touchme_app/pages/home/event_info.dart';
|
|
import 'package:dating_touchme_app/pages/home/matchmaker_item.dart';
|
|
import 'package:dating_touchme_app/pages/mine/open_webview.dart';
|
|
import 'package:easy_refresh/easy_refresh.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:dating_touchme_app/controller/home/home_controller.dart';
|
|
import 'package:dating_touchme_app/pages/home/content_card.dart';
|
|
|
|
/// 推荐列表 Tab
|
|
class RecommendTab extends StatefulWidget {
|
|
const RecommendTab({super.key});
|
|
|
|
@override
|
|
State<RecommendTab> createState() => _RecommendTabState();
|
|
}
|
|
|
|
class _RecommendTabState extends State<RecommendTab>
|
|
with AutomaticKeepAliveClientMixin {
|
|
final HomeController controller = Get.find<HomeController>();
|
|
late final EasyRefreshController _refreshController;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_refreshController = EasyRefreshController(controlFinishRefresh: true, controlFinishLoad: true);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_refreshController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
super.build(context);
|
|
// 获取底部安全区域高度和 tabbar 高度（约64）
|
|
final bottomPadding = MediaQuery.of(context).padding.bottom;
|
|
final tabBarHeight = 64.0;
|
|
final totalBottomPadding = bottomPadding + tabBarHeight;
|
|
return Obx(() {
|
|
if (controller.recommendIsLoading.value && controller.recommendFeed.isEmpty) {
|
|
return Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
CircularProgressIndicator(),
|
|
SizedBox(height: 16),
|
|
Text('加载数据中...'),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
return EasyRefresh(
|
|
controller: _refreshController,
|
|
header: const ClassicHeader(
|
|
dragText: '下拉刷新',
|
|
armedText: '释放刷新',
|
|
readyText: '刷新中...',
|
|
processingText: '刷新中...',
|
|
processedText: '刷新完成',
|
|
failedText: '刷新失败',
|
|
noMoreText: '没有更多数据',
|
|
showMessage: false
|
|
),
|
|
footer: ClassicFooter(
|
|
dragText: '上拉加载',
|
|
armedText: '释放加载',
|
|
readyText: '加载中...',
|
|
processingText: '加载中...',
|
|
processedText: '加载完成',
|
|
failedText: '加载失败',
|
|
noMoreText: '没有更多数据',
|
|
showMessage: false
|
|
),
|
|
// 下拉刷新
|
|
onRefresh: () async {
|
|
print('推荐列表下拉刷新被触发');
|
|
try {
|
|
await controller.refreshRecommendData();
|
|
print( '推荐列表刷新完成, hasMore: $controller.recommendHasMore.value');
|
|
_refreshController.finishRefresh();
|
|
_refreshController.resetFooter();
|
|
} catch (e) {
|
|
print('推荐列表刷新失败: $e');
|
|
_refreshController.finishRefresh(IndicatorResult.fail);
|
|
}
|
|
},
|
|
// 上拉加载更多
|
|
onLoad: () async {
|
|
print('推荐列表上拉加载被触发, hasMore: $controller.recommendHasMore.value');
|
|
try {
|
|
await controller.loadRecommendMoreData();
|
|
// 完成加载，根据是否有更多数据决定
|
|
if (controller.recommendHasMore.value) {
|
|
_refreshController.finishLoad(IndicatorResult.success);
|
|
print('推荐列表加载更多成功');
|
|
} else {
|
|
_refreshController.finishLoad(IndicatorResult.noMore);
|
|
print('推荐列表没有更多数据了');
|
|
}
|
|
} catch (e) {
|
|
print('推荐列表加载更多失败: $e');
|
|
_refreshController.finishLoad(IndicatorResult.fail);
|
|
}
|
|
},
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
padding: EdgeInsets.symmetric(horizontal: 12),
|
|
margin: EdgeInsets.only(bottom: 10.w),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Container(
|
|
width: 174.w,
|
|
height: 126.w,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(8.w)),
|
|
color: Colors.white
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Stack(
|
|
children: [
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.all(Radius.circular(8.w)),
|
|
child: CachedNetworkImage(
|
|
imageUrl: "https://dating-agency-test.oss-accelerate.aliyuncs.com/1.png",
|
|
width: 174.w,
|
|
height: 84.w,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
Positioned(
|
|
child: Container(
|
|
width: 47.w,
|
|
height: 17.w,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(8.w),
|
|
bottomRight: Radius.circular(8.w),
|
|
),
|
|
color: const Color.fromRGBO(234, 57, 49, 1)
|
|
),
|
|
child: Center(
|
|
child: Text(
|
|
"热门活动",
|
|
style: TextStyle(
|
|
fontSize: 9.w,
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500
|
|
),
|
|
),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
Container(
|
|
padding: EdgeInsets.all(5.w),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"星河 DEEP--轻奢浪漫之旅",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
fontWeight: FontWeight.w500
|
|
),
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
"0人已报名",
|
|
style: TextStyle(
|
|
fontSize: 9.w,
|
|
color: const Color.fromRGBO(144, 144, 144, 1),
|
|
fontWeight: FontWeight.w500
|
|
),
|
|
),
|
|
Text(
|
|
"查看详情",
|
|
style: TextStyle(
|
|
fontSize: 9.w,
|
|
color: const Color.fromRGBO(144, 144, 144, 1),
|
|
fontWeight: FontWeight.w500
|
|
),
|
|
),
|
|
],
|
|
)
|
|
],
|
|
),
|
|
)
|
|
],
|
|
),
|
|
).onTap((){
|
|
Get.to(() => EventInfo());
|
|
}),
|
|
Container(
|
|
width: 167.w,
|
|
height: 126.w,
|
|
padding: EdgeInsets.all(7.w),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(8.w)),
|
|
color: Colors.white
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
"金牌红娘",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
fontWeight: FontWeight.w700
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Wrap(
|
|
spacing: 14.w,
|
|
runSpacing: 8.w,
|
|
children: [
|
|
...controller.nearbyFeed.take(6).toList().map((e){
|
|
return MatchmakerItem(item: e);
|
|
})
|
|
],
|
|
)
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
padding: EdgeInsets.symmetric(horizontal: 12),
|
|
child: Image.asset(
|
|
Assets.imagesBanner,
|
|
width: 375.w - 24,
|
|
),
|
|
).onTap((){
|
|
Get.to(() => OpenWebView(url: "https://www.quzhaoqin.com/"));
|
|
}),
|
|
Expanded(
|
|
child: ListView.separated(
|
|
// 关键：始终允许滚动，即使内容不足
|
|
// 移除顶部 padding，让刷新指示器可以正确显示在 AppBar 下方
|
|
padding: EdgeInsets.only(left: 12, right: 12),
|
|
itemBuilder: (context, index) {
|
|
// 空数据状态
|
|
if (controller.recommendFeed.isEmpty && index == 0) {
|
|
// 使用足够的高度确保可以滚动
|
|
if (controller.recommendIsLoading.value) {
|
|
return Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
CircularProgressIndicator(),
|
|
SizedBox(height: 16),
|
|
Text('加载数据中...'),
|
|
],
|
|
),
|
|
);
|
|
} else {
|
|
return Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text('暂无数据'),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
// 数据项
|
|
final item = controller.recommendFeed[index];
|
|
return ContentCard(item: item);
|
|
},
|
|
separatorBuilder: (context, index) {
|
|
// 空状态或加载状态时不显示分隔符
|
|
if (controller.recommendFeed.isEmpty) {
|
|
return const SizedBox.shrink();
|
|
}
|
|
return const SizedBox(height: 12);
|
|
},
|
|
// 至少显示一个 item（用于显示加载或空状态）
|
|
itemCount: controller.recommendFeed.isEmpty ? 1 : controller.recommendFeed.length,
|
|
),
|
|
)
|
|
],
|
|
)
|
|
);
|
|
});
|
|
}
|
|
|
|
@override
|
|
bool get wantKeepAlive => true;
|
|
}
|