feat： 添加issue评论区

Author: DIVINER-only

lib/page/comment/index.dart

@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:efox_flutter/lang/index.dart' show AppLocalizations;
+import 'package:efox_flutter/store/index.dart' show Store, UserModel;
+import 'package:efox_flutter/store/objects/flutter_ui_issues.dart' show IssuesContent;
 
 class Index extends StatefulWidget {
   @override
@@ -17,9 +19,102 @@ class _IndexState extends State<Index> {
           AppLocalizations.$t('title_comment')
         ),
       ),
-      body: Center(
-        child: Text('评论'),
-      ),
+      body: Container(
+        padding: EdgeInsets.fromLTRB(16.0, 0 ,16.0, 0),
+        child: _CommentList(context),
+      )
+    );
+  }
+
+  Widget _CommentList(BuildContext context){
+    return Store.connect<UserModel>(
+      builder: (context, child, model) {
+        if (model.flutter_ui_issues!=null&&model.flutter_ui_issues.issuesContent!=null&&model.flutter_ui_issues.issuesContent.length!=0) {
+          return ListView.builder(
+            itemCount: model.flutter_ui_issues.issuesContent.length,
+            itemBuilder: (context, index) {
+              return _CommentCard(context, model.flutter_ui_issues.issuesContent[index]);
+            },
+          );
+        } else {
+          return Center(
+            child: Text('loading....'),
+          );
+        }
+      }
+    );
+  }
+
+  Widget _CommentCard(BuildContext context, IssuesContent issuesContent) {
+    return Card(
+      elevation: 4.0,
+      child: Stack(
+        alignment: Alignment.topCenter,
+        children: <Widget>[
+          Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: <Widget>[
+              AspectRatio(
+                aspectRatio: 16/9,
+                child: ClipRRect(
+                  borderRadius: BorderRadius.only(
+                    topLeft: Radius.circular(6.0),
+                    topRight: Radius.circular(6.0),
+                    bottomLeft: Radius.circular(6.0),
+                    bottomRight: Radius.circular(6.0)
+                  ),
+                  child: Image.network(
+                    issuesContent.user.avatarUrl??'http://thumb10.jfcdns.com/2018-06/bce5b10ae530f530.png',
+                    fit: BoxFit.cover,
+                  ),
+                ),
+              ),
+              Container(
+                padding: EdgeInsets.fromLTRB(20.0, 20, 20, 0),
+                child: Text(
+                  '${issuesContent.title != '' ? issuesContent.title : '无标题'} #${issuesContent.number}',
+                  style: Theme.of(context).textTheme.title,
+                ),
+              ),
+              Container(
+                padding: EdgeInsets.fromLTRB(20.0, 10, 20, 0),
+                child: Column(
+                  children: <Widget>[
+                    Text(
+                      '创建时间：${issuesContent.createdAt}',
+                      style: TextStyle(color: Colors.black54, fontSize: 12)
+                    ),
+                    Text(
+                      '更新时间：${issuesContent.updatedAt}',
+                      style: TextStyle(color: Colors.black54, fontSize: 12)
+                    )
+                  ],
+                )
+              ),
+              Container(
+                padding: EdgeInsets.fromLTRB(20.0, 10, 20, 20.0),
+                child: Text(
+                  issuesContent.body,
+                  //  != '' ?issuesContent.body:'无主体内容'
+                  style: Theme.of(context).textTheme.subhead
+                ),
+              )
+            ],
+          ),
+          Positioned(
+            top: 10,
+            left: 10,
+            child: Text(
+              issuesContent.user.login,
+              style: TextStyle(
+                color: Theme.of(context).primaryColor,
+                fontWeight: FontWeight.bold,
+                fontSize: 20
+              ),
+            ),
+          )
+        ],
+      )
     );
   }
 }

lib/page/home.dart

@@ -54,6 +54,9 @@ class _IndexState extends State<Index> {
         // type: BottomNavigationBarType.fixed,
         currentIndex: _currentIndex,
         onTap: (int index) {
+          if(index == 1&&_currentIndex!=index) {
+            Store.value<UserModel>(context).getIssueFlutterUI();
+          }
           _pageController.jumpToPage(index);
         },
       ),

lib/store/models/user_model.dart

@@ -8,10 +8,12 @@ import 'package:efox_flutter/http/index.dart' as Http;
 import 'package:efox_flutter/utils/localStorage.dart' show LocalStorage;
 import 'package:efox_flutter/config/index.dart' show owner_repo;
 import '../objects/flutter_ui_info.dart' show FlutterUiInfo;
+import '../objects/flutter_ui_issues.dart' show FlutterUiIssues;
 
 class UserModelInfo {
   bool isStar = false;  // 用户是否star了flutter ui项目
   FlutterUiInfo flutter_ui_info = FlutterUiInfo(); // flutter ui项目信息
+  FlutterUiIssues flutter_ui_issues = FlutterUiIssues(); // flutter ui的issues内容
 }
 
 class UserModel extends UserModelInfo with ChangeNotifier {
@@ -203,4 +205,24 @@ class UserModel extends UserModelInfo with ChangeNotifier {
       print('用户star flutter ui项目错误: $error');
     });
   }
+
+  /**
+   * 获取flutter ui的issue内容
+   */
+  getIssueFlutterUI() {
+    var response = Http.get(
+      url: 'https://api.github.com/repos/efoxTeam/flutter-ui/issues'
+    );
+    response.then((resp) {
+      var data = {
+        "issues_content": resp.data
+      };
+      print('获取flutter ui的issue内容:${data}');
+      flutter_ui_issues = FlutterUiIssues.fromJson(data);
+      notifyListeners();
+      return flutter_ui_issues;
+    }).catchError((error) {
+      print('获取flutter ui的issue内容出错：$error');
+    });
+  }
 }