feat:增加加载中显示

lib/pages/blog_page.dart

@@ -1,9 +1,10 @@
-import 'package:blog_app/apis/blog.dart';
-import 'package:blog_app/models/blog.dart';
+import 'package:blog_app/provider/blog.dart';
+import 'package:blog_app/widget/common.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.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 {
   const BlogPage({super.key});
@@ -13,25 +14,21 @@ 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();
+  bool _showScrollToTop = false;
 
   @override
   void initState() {
     super.initState();
-    _loadData(isRefresh: true);
     _scrollController.addListener(_onScroll);
+    // 初始化加载数据
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      context.read<BlogProvider>().refreshBlogList();
+    });
   }
 
   @override
@@ -42,49 +39,17 @@ class _BlogPageState extends State<BlogPage> {
     super.dispose();
   }
 
-  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);
+    await context.read<BlogProvider>().refreshBlogList();
+    _freshController.finishRefresh();
   }
 
   // 上拉加载
   Future<void> _onLoad() async {
-    if (_hasMore) {
-      await _loadData(isRefresh: false);
+    final blogProvider = context.read<BlogProvider>();
+    if (blogProvider.hasMore) {
+      await blogProvider.loadMoreBlogList();
       _freshController.finishLoad(IndicatorResult.success);
     } else {
       _freshController.finishLoad(IndicatorResult.noMore);
@@ -111,15 +76,22 @@ class _BlogPageState extends State<BlogPage> {
   // 滚动到顶部
   void _scrollToTop() => scrollToTopAnimateTo(_scrollController);
 
-  Widget buildBlogList() {
+  Widget _buildBlogList(BlogProvider provider) {
+    if (provider.error != null) {
+      return buildErrorInfo(
+        errorInfo: provider.error!,
+        onPressed: () => provider.refreshBlogList,
+      );
+    }
+
     return ListView.builder(
       controller: _scrollController,
-      itemCount: blogList.length,
+      itemCount: provider.blogList.length,
       itemBuilder: (context, index) {
-        final blog = blogList[index];
+        final blog = provider.blogList[index];
         return InkWell(
           onTap: () => navigatorToBlogDetail(context, blog.id),
-          child: BlogCard(blog: blogList[index]),
+          child: BlogCard(blog: blog),
         );
       },
     );
@@ -127,13 +99,28 @@ class _BlogPageState extends State<BlogPage> {
 
   @override
   Widget build(BuildContext context) {
+    final blogProvider = context.watch<BlogProvider>();
+
     return Stack(
       children: [
-        buildEasyRefresh(
-          freshController: _freshController,
-          onRefresh: _onRefresh,
-          onLoad: _onLoad,
-          body: buildBlogList(),
+        Column(
+          children: [
+            Expanded(
+              child: buildEasyRefresh(
+                freshController: _freshController,
+                onRefresh: _onRefresh,
+                onLoad: _onLoad,
+                body: Stack(
+                  children: [
+                    if (blogProvider.isLoading)
+                      buildLoadingIndicator()
+                    else
+                      _buildBlogList(blogProvider),
+                  ],
+                ),
+              ),
+            ),
+          ],
         ),
         if (_showScrollToTop)
           buildScrollToTop(context: context, scrollToTop: _scrollToTop),