dating_touchme_app/lib/pages/home/recommend_tab.dart

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:easy_refresh/easy_refresh.dart';
import 'package:dating_touchme_app/controller/home/home_controller.dart';
import 'package:dating_touchme_app/model/home/marriage_data.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(() {
      final List<MarriageData> dataSource = controller.recommendFeed;
      final bool isLoading = controller.recommendIsLoading.value;
      final bool hasMore = controller.recommendHasMore.value;

      return EasyRefresh(
        controller: _refreshController,
        header: MaterialHeader(backgroundColor: Colors.red.withOpacity(0.9)),
        footer: MaterialFooter(backgroundColor: Colors.red.withOpacity(0.9)),
        // 下拉刷新
        onRefresh: () async {
          print('推荐列表下拉刷新被触发');
          try {
            await controller.refreshRecommendData();
            _refreshController.finishRefresh(IndicatorResult.success);
            print('推荐列表刷新完成');
          } catch (e) {
            print('推荐列表刷新失败: $e');
            _refreshController.finishRefresh(IndicatorResult.fail);
          }
        },
        // 上拉加载更多
        onLoad: () async {
          print('推荐列表上拉加载被触发, hasMore: $hasMore');
          if (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);
            }
          } else {
            _refreshController.finishLoad(IndicatorResult.noMore);
            print('推荐列表没有更多数据');
          }
        },
        // EasyRefresh 的 child 必须始终是可滚动的 Widget
        child: ListView.separated(
          // 关键：始终允许滚动，即使内容不足
          physics: const AlwaysScrollableScrollPhysics(
            parent: BouncingScrollPhysics(),
          ),
          // 移除顶部 padding，让刷新指示器可以正确显示在 AppBar 下方
          padding: EdgeInsets.only(
            left: 12,
            right: 12,
            bottom: totalBottomPadding + 12,
          ),
          itemBuilder: (context, index) {
            // 加载状态
            if (isLoading && dataSource.isEmpty && index == 0) {
              // 使用足够的高度确保可以滚动
              return SizedBox(
                height: MediaQuery.of(context).size.height * 1.2,
                child: const Center(child: CircularProgressIndicator()),
              );
            }
            // 空数据状态
            if (!isLoading && dataSource.isEmpty && index == 0) {
              // 使用足够的高度确保可以滚动
              return SizedBox(
                height: MediaQuery.of(context).size.height * 1.2,
                child: const Center(
                  child: Text(
                    "暂无数据",
                    style: TextStyle(fontSize: 14, color: Color(0xFF999999)),
                  ),
                ),
              );
            }
            // 数据项
            final item = dataSource[index];
            return ContentCard(item: item);
          },
          separatorBuilder: (context, index) {
            // 空状态或加载状态时不显示分隔符
            if (dataSource.isEmpty) return const SizedBox.shrink();
            return const SizedBox(height: 12);
          },
          // 至少显示一个 item（用于显示加载或空状态）
          itemCount: dataSource.isEmpty ? 1 : dataSource.length,
        ),
      );
    });
  }

  @override
  bool get wantKeepAlive => true;
}