feat:增加博客分类模块

lib/pages/blog_page.dart

@@ -1,6 +1,8 @@
 import 'package:blog_app/apis/blog.dart';
 import 'package:blog_app/models/blog.dart';
+import 'package:blog_app/widget/easy_refresh.dart';
 import 'package:blog_app/widget/blog.dart';
+import 'package:easy_refresh/easy_refresh.dart';
 import 'package:flutter/material.dart';
 
 class BlogPage extends StatefulWidget {
@@ -13,26 +15,129 @@ class BlogPage extends StatefulWidget {
 class _BlogPageState extends State<BlogPage> {
   late List<Blog> blogList = [];
 
+  int _currentPage = 1;
+  final int _pageSize = 5;
+  bool _hasMore = true;
+  bool _showScrollToTop = false;
+
+  final EasyRefreshController _freshController = EasyRefreshController(
+    controlFinishRefresh: true,
+    controlFinishLoad: true,
+  );
+
+  final ScrollController _scrollController = ScrollController();
+
   @override
   void initState() {
     super.initState();
-    // 初始加载数据
-    _loadData();
+    _loadData(isRefresh: true);
+    _scrollController.addListener(_onScroll);
   }
 
-  Future<void> _loadData() async {
-    final result = await queryBlogByPageApi(1, 10);
+  @override
+  void dispose() {
+    _scrollController.removeListener(_onScroll);
+    _freshController.dispose();
+    _scrollController.dispose();
+    super.dispose();
+  }
 
-    setState(() {
-      blogList = result.records;
-    });
+  Future<void> _loadData({required bool isRefresh}) async {
+    try {
+      // 如果是刷新，重置页码
+      if (isRefresh) {
+        _currentPage = 1;
+      }
+
+      final result = await queryBlogByPageApi(_currentPage, _pageSize);
+
+      setState(() {
+        if (isRefresh) {
+          // 刷新时直接替换数据
+          blogList = result.records;
+        } else {
+          // 加载更多时追加数据
+          blogList.addAll(result.records);
+        }
+
+        // 判断是否还有更多数据
+        _hasMore = result.current < result.pages;
+        // 如果有更多数据，准备加载下一页
+        if (_hasMore) {
+          _currentPage++;
+        }
+      });
+    } catch (e) {
+      // 处理错误
+      debugPrint('加载数据失败: $e');
+    } finally {
+      _freshController.finishRefresh();
+      _freshController.resetFooter();
+    }
+  }
+
+  // 下拉刷新
+  Future<void> _onRefresh() async {
+    await _loadData(isRefresh: true);
+  }
+
+  // 上拉加载
+  Future<void> _onLoad() async {
+    if (_hasMore) {
+      await _loadData(isRefresh: false);
+      _freshController.finishLoad(IndicatorResult.success);
+    } else {
+      _freshController.finishLoad(IndicatorResult.noMore);
+    }
+  }
+
+  void _onScroll() {
+    // 当滚动距离超过300时显示返回顶部按钮
+    if (_scrollController.offset > 300) {
+      if (!_showScrollToTop) {
+        setState(() {
+          _showScrollToTop = true;
+        });
+      }
+    } else {
+      if (_showScrollToTop) {
+        setState(() {
+          _showScrollToTop = false;
+        });
+      }
+    }
+  }
+
+  // 滚动到顶部
+  void _scrollToTop() => scrollToTopAnimateTo(_scrollController);
+
+  Widget buildBlogList() {
+    return ListView.builder(
+      controller: _scrollController,
+      itemCount: blogList.length,
+      itemBuilder: (context, index) {
+        final blog = blogList[index];
+        return InkWell(
+          onTap: () => navigatorToBlogDetail(context, blog.id),
+          child: BlogCard(blog: blogList[index]),
+        );
+      },
+    );
   }
 
   @override
   Widget build(BuildContext context) {
-    return ListView.builder(
-      itemCount: blogList.length,
-      itemBuilder: (context, index) => BlogCard(blog: blogList[index]),
+    return Stack(
+      children: [
+        buildEasyRefresh(
+          freshController: _freshController,
+          onRefresh: _onRefresh,
+          onLoad: _onLoad,
+          body: buildBlogList(),
+        ),
+        if (_showScrollToTop)
+          buildScrollToTop(context: context, scrollToTop: _scrollToTop),
+      ],
     );
   }
 }