dating_touchme_app/lib/pages/home/nearby_tab.dart

import 'package:easy_refresh/easy_refresh.dart';
import 'package:flutter/material.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 NearbyTab extends StatefulWidget {
  const NearbyTab({super.key});

  @override
  State<NearbyTab> createState() => _NearbyTabState();
}

class _NearbyTabState extends State<NearbyTab> 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(() {
      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.refreshNearbyData();
            _refreshController.finishRefresh();
            _refreshController.resetFooter();
            print('同城列表刷新完成');
          } catch (e) {
            print('同城列表刷新失败: $e');
            _refreshController.finishRefresh(IndicatorResult.fail);
          }
        },
        // 上拉加载更多
        onLoad: () async {
          print('同城列表上拉加载被触发, hasMore: ${controller.nearbyHasMore.value}');
          try {
            await controller.loadNearbyMoreData();
            // 完成加载，根据是否有更多数据决定
            if (controller.nearbyHasMore.value) {
              _refreshController.finishLoad(IndicatorResult.success);
              print('同城列表加载更多成功');
            } else {
              _refreshController.finishLoad(IndicatorResult.noMore);
              print('同城列表没有更多数据了');
            }
          } catch (e) {
            print('同城列表加载更多失败: $e');
            _refreshController.finishLoad(IndicatorResult.fail);
          }
        },
        child: SizedBox(
          height: MediaQuery.of(context).size.height - totalBottomPadding,
          child: ListView.separated(
            // 移除顶部 padding，让刷新指示器可以正确显示在 AppBar 下方
            padding: EdgeInsets.only(left: 12, right: 12, bottom: 12),
            itemBuilder: (context, index) {
              // 空数据状态
              if (controller.nearbyFeed.isEmpty && index == 0) {
                // 使用足够的高度确保可以滚动
                return SizedBox(
                  height: MediaQuery.of(context).size.height - totalBottomPadding,
                  child: const Center(
                    child: Text(
                      "暂无数据",
                      style: TextStyle(fontSize: 14, color: Color(0xFF999999)),
                    ),
                  ),
                );
              }
              // 数据项
              final item = controller.nearbyFeed[index];
              return ContentCard(item: item);
            },
            separatorBuilder: (context, index) {
              // 空状态或加载状态时不显示分隔符
              if (controller.nearbyFeed.isEmpty) return const SizedBox.shrink();
              return const SizedBox(height: 12);
            },
            // 至少显示一个 item（用于显示加载或空状态）
            itemCount: controller.nearbyFeed.isEmpty ? 1 : controller.nearbyFeed.length,
          )
        ),
      );
    });
  }

  @override
  bool get wantKeepAlive => true;

}