diff --git a/lib/im/chat_details_page.dart b/lib/im/chat_details_page.dart
index 048ea6fb..d9546db8 100644
--- a/lib/im/chat_details_page.dart
+++ b/lib/im/chat_details_page.dart
@@ -88,16 +88,9 @@ class _ChatDetailsPage extends State<ChatDetailsPage>
     await refresh();
 
     socketClient.addCallback(_toUser.mid, (Message message) {
-      messages.insert(0, message);
+      messages.insert(0, message..state = 1);
       refreshState();
 
-      // if (scrollController.position != null) {
-      //   double offset = scrollController.position.maxScrollExtent;
-      //   debugPrint("offset: $offset");
-      //   Future.delayed(const Duration(milliseconds: 500), () {
-      //     scrollController.animateTo(offset + 108, duration: const Duration(milliseconds: 500), curve: Curves.easeIn);
-      //   });
-      // }
       if (scrollController.position != null) {
         double maxScrollExtent = scrollController.position.maxScrollExtent;
         double viewportDimensions = scrollController.position.viewportDimension;
@@ -107,15 +100,12 @@ class _ChatDetailsPage extends State<ChatDetailsPage>
           double offset = maxScrollExtent;
           debugPrint("offset: $offset");
           Future.delayed(const Duration(milliseconds: 500), () {
-            scrollController.animateTo(
-                offset + 108,
+            scrollController.animateTo(offset + 108,
                 duration: const Duration(milliseconds: 500),
-                curve: Curves.easeIn
-            );
+                curve: Curves.easeIn);
           });
         }
       }
-
     });
     refreshState();
 
@@ -124,16 +114,21 @@ class _ChatDetailsPage extends State<ChatDetailsPage>
     });
   }
 
-  refresh() async {
+  Future refresh() async {
+    List<Message> messagePage = await hxDatabase.queryUList(_toUser.mid, page: page + 1, pageSize: 10);
+    if (messagePage.isEmpty) {
+      refreshController.loadNoData();
+      return;
+    } else {
+      refreshController.loadComplete();
+    }
     page += 1;
-    List<Message> messagePage = await hxDatabase.queryUList(_toUser.mid, page: page, pageSize: 10);
     if (page == 1) {
       messages = messagePage;
     } else {
       messages.addAll(messagePage);
     }
-    refreshController.refreshCompleted();
-    return;
+    return Future.value();
   }
 
   ///查询个人信息
@@ -144,17 +139,18 @@ class _ChatDetailsPage extends State<ChatDetailsPage>
         value.getString('user') != "") {
       userInfo = UserInfo.fromJson(jsonDecode(value.getString('user')));
     }
-    if(apiService == null)
-      apiService = ApiService(Dio(), context: context, token: value.getString("token"));
+    if (apiService == null)
+      apiService =
+          ApiService(Dio(), context: context, token: value.getString("token"));
     BaseData<UserInfo> baseData =
-    await apiService.queryInfo().catchError((onError) {});
+        await apiService.queryInfo().catchError((onError) {});
     if (baseData != null && baseData.isSuccess) {
       setState(() {
         userInfo = baseData.data;
       });
       SharedPreferences.getInstance().then((value) => {
-        value.setString('user', jsonEncode(baseData.data)),
-      });
+            value.setString('user', jsonEncode(baseData.data)),
+          });
     }
   }
 
@@ -354,25 +350,46 @@ class _ChatDetailsPage extends State<ChatDetailsPage>
         child: Column(
           children: [
             Expanded(
-              child: SingleChildScrollView(
+              child: SmartRefresher(
+                enablePullDown: false,
+                enablePullUp: true,
+                header: MyHeader(),
+                reverse: true,
                 physics: BouncingScrollPhysics(),
-                controller: scrollController,
-                child: Column(
-                  children: [
-                    GestureDetector(
-                      behavior: HitTestBehavior.translucent,
-                      onTap: () {
-                        setState(() {
-                          emojiShowing = false;
-                          isKeyBoardShow = emojiShowing;
-                          moreShow = false;
-                          isKeyBoardShow = moreShow;
-                          FocusScope.of(context).requestFocus(FocusNode());
-                        });
-                      },
-                      child: chatDetailsList(),
-                    ),
-                  ],
+                footer: CustomFooter(
+                  loadStyle: LoadStyle.ShowWhenLoading,
+                  builder: (BuildContext context, LoadStatus mode) {
+                    return (messages.length == 0)
+                        ? Container()
+                        : MyFooter(mode);
+                  },
+                ),
+                controller: refreshController,
+                onLoading: () {
+                  refresh().then((value) {
+                    refreshState();
+                  });
+                },
+                child: SingleChildScrollView(
+                  physics: BouncingScrollPhysics(),
+                  controller: scrollController,
+                  child: Column(
+                    children: [
+                      GestureDetector(
+                        behavior: HitTestBehavior.translucent,
+                        onTap: () {
+                          setState(() {
+                            emojiShowing = false;
+                            isKeyBoardShow = emojiShowing;
+                            moreShow = false;
+                            isKeyBoardShow = moreShow;
+                            FocusScope.of(context).requestFocus(FocusNode());
+                          });
+                        },
+                        child: chatDetailsList(),
+                      ),
+                    ],
+                  ),
                 ),
               ),
               flex: 1,
@@ -418,7 +435,8 @@ class _ChatDetailsPage extends State<ChatDetailsPage>
       child: Column(
         children: [
           Text(
-            AppUtils.timeFormatter(DateTime.fromMillisecondsSinceEpoch(int.parse(message.time))),
+            AppUtils.timeFormatter(
+                DateTime.fromMillisecondsSinceEpoch(int.parse(message.time))),
             textAlign: TextAlign.center,
             style: TextStyle(
               color: Color(0xFFA29E9E),
@@ -554,40 +572,41 @@ class _ChatDetailsPage extends State<ChatDetailsPage>
                     child: Container(
                       alignment: Alignment.centerLeft,
                       child: Container(
-                      decoration: BoxDecoration(
-                        borderRadius: BorderRadius.circular(6),
-                        color: Color(0xFFFFFFFF),
-                        boxShadow: [
-                          BoxShadow(
-                            color: Color(0xFFA8A3A3).withAlpha(12),
-                            offset: Offset(0, 4),
-                            blurRadius: 4,
-                            spreadRadius: 0,
-                          ),
-                        ],
-                      ),
-                      padding: EdgeInsets.symmetric(
-                        vertical: 8.h,
-                        horizontal: 12.w,
-                      ),
-                      child: GestureDetector(
-                        onLongPress: () {
-                          setState(() {
-                            copyIndex = 1;
-                          });
-                        },
-                        child: Text(
-                          tex = message.content,
-                          textAlign: TextAlign.left,
-                          style: TextStyle(
-                            height: 1.2.h,
-                            color: Color(0XFF0D0D0D),
-                            fontSize: 17.sp,
-                            fontWeight: MyFontWeight.medium,
+                        decoration: BoxDecoration(
+                          borderRadius: BorderRadius.circular(6),
+                          color: Color(0xFFFFFFFF),
+                          boxShadow: [
+                            BoxShadow(
+                              color: Color(0xFFA8A3A3).withAlpha(12),
+                              offset: Offset(0, 4),
+                              blurRadius: 4,
+                              spreadRadius: 0,
+                            ),
+                          ],
+                        ),
+                        padding: EdgeInsets.symmetric(
+                          vertical: 8.h,
+                          horizontal: 12.w,
+                        ),
+                        child: GestureDetector(
+                          onLongPress: () {
+                            setState(() {
+                              copyIndex = 1;
+                            });
+                          },
+                          child: Text(
+                            tex = message.content,
+                            textAlign: TextAlign.left,
+                            style: TextStyle(
+                              height: 1.2.h,
+                              color: Color(0XFF0D0D0D),
+                              fontSize: 17.sp,
+                              fontWeight: MyFontWeight.medium,
+                            ),
                           ),
                         ),
                       ),
-                    ),),
+                    ),
                   ),
                 ],
               ),
@@ -753,7 +772,7 @@ class _ChatDetailsPage extends State<ChatDetailsPage>
                     width: 12.w,
                   ),
                   MImage(
-                    userInfo?.headimg??"",
+                    userInfo?.headimg ?? "",
                     isCircle: true,
                     height: 44.h,
                     width: 44.h,
@@ -895,7 +914,8 @@ class _ChatDetailsPage extends State<ChatDetailsPage>
                           //     scrollController.animateTo(offset + 108, duration: const Duration(milliseconds: 500), curve: Curves.easeIn);
                           //   });
                           // }
-                          if (scrollController.position.maxScrollExtent > scrollController.offset) {
+                          if (scrollController.position.maxScrollExtent >
+                              scrollController.offset) {
                             // 如果未滑动到底部，则自动滑动到底部
                             scrollController.animateTo(
                               scrollController.position.maxScrollExtent,
@@ -920,7 +940,6 @@ class _ChatDetailsPage extends State<ChatDetailsPage>
                           //     });
                           //   }
                           // }
-
                         });
                       },
                       maxLines: 8,