0190925-2

lib/main.dart

@@ -518,7 +518,6 @@ showBottom(context) {
           providers: [ChangeNotifierProvider(builder: (context)=>RecommendProvider(),)],
           
             child: Container(
-              
               height: 600,
               child: ReplyFullList()),
             )

lib/pages/RecommendPage/BottomSheet.dart

@@ -3,164 +3,196 @@ import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 
 class ReplyFullList extends StatelessWidget {
-  const ReplyFullList({Key key,}) : super(key: key);
-  
+  const ReplyFullList({Key key}) : super(key: key);
+
   @override
   Widget build(BuildContext context) {
-    ScrollController controller=ScrollController();
     double rpx = MediaQuery.of(context).size.width / 750;
     RecommendProvider provider = Provider.of<RecommendProvider>(context);
+    Reply reply = provider.reply;
     List<Reply> replies = List<Reply>();
-    replies.add(provider.reply);
-    replies.add(provider.reply);
-    replies.add(provider.reply);
-    replies.add(provider.reply);
-    replies.add(provider.reply);
+
+    replies.add(reply);
+    replies.add(reply);
+    replies.add(reply);
+    ScrollController controller = ScrollController();
     return SingleChildScrollView(
-      controller: controller,
-      child: Column(
-        mainAxisSize: MainAxisSize.min,
-        children: [
-          Container(
-              // width: 750*rpx,
-              height: 80 * rpx,
-              child: ListTile(
-                leading: Container(
-                  width: 80 * rpx,
-                ),
-                title: Container(child: Center(child: Text("当前有100条回复"))),
-                trailing: IconButton(
-                  icon: Icon(Icons.close),
-                  onPressed: () {},
+        controller: controller,
+        child: Container(
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: <Widget>[
+              Container(
+                height: 80 * rpx,
+                child: ListTile(
+                  leading: Container(
+                    width: 10 * rpx,
+                  ),
+                  trailing: IconButton(
+                    icon: Icon(Icons.close),
+                    onPressed: () {},
+                  ),
+                  title: Center(child: Text("10条评论")),
                 ),
-              )),
-          genReplyList(replies,controller)
-        ],
-      ),
-    );
+              ),
+              genReplyList(replies, controller)
+            ],
+          ),
+        ));
   }
 }
 
-genReplyList(List<Reply> replies,ScrollController controller) {
-  return ListView.builder(
-    itemCount: replies.length,
-    controller:controller,
-    shrinkWrap: true,
-    itemBuilder: (context, index) {
-      return ReplyList(reply: replies[index],controller: controller,);
-    },
-  );
-}
-
 class ReplyList extends StatelessWidget {
-  const ReplyList({Key key, this.reply,this.controller}) : super(key: key);
+  const ReplyList({Key key, this.reply, this.controller}) : super(key: key);
   final Reply reply;
   final ScrollController controller;
   @override
   Widget build(BuildContext context) {
-    RecommendProvider provider = Provider.of<RecommendProvider>(context);
     double rpx = MediaQuery.of(context).size.width / 750;
+    List<Reply> replies = List<Reply>();
+    replies.add(reply);
+    replies.add(reply);
+    replies.add(reply);
+    // RecommendProvider provider=Provider.of<RecommendProvider>(context);
     return Container(
       child: Column(
+        mainAxisSize: MainAxisSize.min,
         children: <Widget>[
           Row(
-            crossAxisAlignment: CrossAxisAlignment.start,
             children: <Widget>[
               Container(
-                padding: EdgeInsets.all(5 * rpx),
                 width: 100 * rpx,
                 height: 100 * rpx,
+                padding: EdgeInsets.all(10 * rpx),
                 child: CircleAvatar(
                   backgroundImage: NetworkImage("${reply.replyMakerAvatar}"),
                 ),
               ),
               Container(
-                  width: 550 * rpx,
-                  child: ListTile(
-                    title: Container(
-                        height: 60 * rpx,
-                        child: Text("${reply.replyMakerName}")),
-                    subtitle: Column(
-                        crossAxisAlignment: CrossAxisAlignment.start,
-                        children: [
-                          Container(
-                              child: Text(
-                            "${reply.replyContent}",
-                            maxLines: 2,
-                            overflow: TextOverflow.ellipsis,
-                          )),
-                        ]),
-                  )),
+                width: 550 * rpx,
+                child: ListTile(
+                  title: Text("${reply.replyMakerName}"),
+                  subtitle: Text(
+                    "${reply.replyContent}",
+                    maxLines: 2,
+                    overflow: TextOverflow.ellipsis,
+                  ),
+                ),
+              ),
               Container(
                 width: 100 * rpx,
-                alignment: Alignment.center,
                 child: IconButton(
-                  icon: Icon(Icons.favorite),
                   onPressed: () {},
+                  icon: Icon(
+                    Icons.favorite,
+                    color: Colors.grey[300],
+                  ),
                 ),
               )
             ],
           ),
-          Container(
-            margin: EdgeInsets.only(left: 100*rpx),
-            child: ListView.builder(
-              itemCount: 2,
-              controller: controller,
-              shrinkWrap: true,
-              itemBuilder: (context, int) {
-                return SubTitleList(
-                  rpx: rpx,
-                  afterReply: reply,
-                );
-              },
-            ),
-          )
+          genAfterReplyList(replies, controller)
         ],
       ),
     );
   }
 }
 
-class SubTitleList extends StatelessWidget {
-  const SubTitleList({Key key, this.rpx, this.afterReply}) : super(key: key);
-  final double rpx;
+class AfterReply extends StatelessWidget {
+  const AfterReply({Key key, this.afterReply}) : super(key: key);
   final Reply afterReply;
   @override
   Widget build(BuildContext context) {
+    double rpx = MediaQuery.of(context).size.width / 750;
     return Container(
-      width:550*rpx,
-      child: Row(
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
         children: <Widget>[
-          Container(
-            width: 70 * rpx,
-            child: CircleAvatar(
-              backgroundImage: NetworkImage("${afterReply.replyMakerAvatar}"),
-            ),
-          ),
-          Container(
-              width: 480 * rpx,
-              child: ListTile(
-                title: Text(
-                  "${afterReply.replyMakerName}",
-                  maxLines: 1,
-                  overflow: TextOverflow.ellipsis,
+          Row(
+            children: <Widget>[
+              Container(
+                width: 100 * rpx,
+              ),
+              Container(
+                width: 550 * rpx,
+                child: Row(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: <Widget>[
+                    Container(
+                      width: 70 * rpx,
+                      height: 70 * rpx,
+                      margin: EdgeInsets.only(top: 15 * rpx),
+                      padding: EdgeInsets.all(10 * rpx),
+                      child: CircleAvatar(
+                        backgroundImage:
+                            NetworkImage("${afterReply.replyMakerAvatar}"),
+                      ),
+                    ),
+                    Container(
+                      width: 480 * rpx,
+                      child: ListTile(
+                        title: Text("${afterReply.replyMakerName}"),
+                        subtitle: RichText(
+                          text: TextSpan(
+                              text: "${afterReply.replyContent}",
+                              style: TextStyle(color: Colors.grey[500]),
+                              children: [
+                                TextSpan(text: "  ${afterReply.whenReplied}")
+                              ]
+                              ),
+                        ),
+
+                        // Text(
+                        //   "${afterReply.replyContent}",
+                        //   maxLines: 2,
+                        //   overflow: TextOverflow.ellipsis,
+                        // ),
+                      ),
+                    )
+                  ],
                 ),
-                subtitle: Text("${afterReply.replyContent}",
-                    maxLines: 2, overflow: TextOverflow.ellipsis),
-              )),
-          Container(
-            width: 100 * rpx,
-            alignment: Alignment.center,
-            child: IconButton(
-              icon: Icon(
-                Icons.favorite,
-                color: Colors.grey[300],
               ),
-              onPressed: () {},
-            ),
+              Container(
+                width: 100 * rpx,
+                child: IconButton(
+                  onPressed: () {},
+                  icon: Icon(
+                    Icons.favorite,
+                    color: Colors.grey[300],
+                  ),
+                ),
+              )
+            ],
           )
         ],
       ),
     );
   }
 }
+
+genReplyList(List<Reply> replies, ScrollController controller) {
+  return ListView.builder(
+    shrinkWrap: true,
+    controller: controller,
+    itemCount: replies.length,
+    itemBuilder: (context, index) {
+      return ReplyList(
+        reply: replies[index],
+        controller: controller,
+      );
+    },
+  );
+}
+
+genAfterReplyList(List<Reply> replies, ScrollController controller) {
+  return ListView.builder(
+    shrinkWrap: true,
+    controller: controller,
+    itemCount: replies.length <= 2 ? replies.length : 2,
+    itemBuilder: (context, index) {
+      return AfterReply(
+        afterReply: replies[index],
+      );
+    },
+  );
+}

lib/providers/RecommendProvider.dart

@@ -20,7 +20,7 @@ class RecommendProvider with ChangeNotifier {
   Reply reply = Reply(
     ifFaved: true,
     afterReplies: List<Reply>(),
-    replyContent: "真可爱，真好看，真厉害~",
+    replyContent: "真可爱，真好看，真厉害~真可爱，真好看，真厉害~",
     replyMakerAvatar: "https://pic2.zhimg.com/v2-a88cd7618933272ca681f86398e6240d_xll.jpg",
     replyMakerName: "ABC",
     whenReplied: "3小时前"