Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit d49bce4

Browse files
feat: issue评论详情
1 parent 7e04ed4 commit d49bce4

File tree

7 files changed

+447
-65
lines changed

7 files changed

+447
-65
lines changed

‎lib/page/comment/details.dart

Lines changed: 139 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,139 @@
1+
import 'package:flutter/material.dart';
2+
import 'package:efox_flutter/lang/index.dart' show AppLocalizations;
3+
import 'package:efox_flutter/store/index.dart' show Store, UserModel;
4+
import 'package:efox_flutter/store/objects/flutter_ui_issues.dart' show IssuesContent;
5+
import 'package:efox_flutter/store/objects/issues_comment.dart' show IssuesDetails;
6+
7+
class Index extends StatefulWidget {
8+
int indexes;
9+
Index({ Key key, @required this.indexes }):super(key: key);
10+
@override
11+
_IndexState createState() => _IndexState();
12+
}
13+
14+
class _IndexState extends State<Index> {
15+
@override
16+
Widget build(BuildContext context) {
17+
return Scaffold(
18+
appBar: AppBar(
19+
elevation: 0,
20+
centerTitle: true,
21+
title: Text(
22+
AppLocalizations.$t('title_comment_detials')
23+
),
24+
),
25+
body: Container(
26+
child: _ContentList(context)
27+
),
28+
);
29+
}
30+
31+
Widget _ContentList (BuildContext context) {
32+
return ListView(
33+
children: <Widget>[
34+
_IssueContent(context),
35+
_CommentContent(context)
36+
],
37+
);
38+
}
39+
40+
Widget _IssueContent (BuildContext context) {
41+
return Store.connect<UserModel>(
42+
builder: (context, child, model) {
43+
IssuesContent issuesContent = model.flutter_ui_issues.issuesContent[widget.indexes];
44+
return Column(
45+
crossAxisAlignment: CrossAxisAlignment.start,
46+
children: <Widget>[
47+
ListTile(
48+
leading: CircleAvatar(
49+
backgroundImage: NetworkImage(
50+
issuesContent.user.avatarUrl??'http://thumb10.jfcdns.com/2018-06/bce5b10ae530f530.png',
51+
),
52+
),
53+
title: Text('${issuesContent.user.login}'),
54+
subtitle: Text('更新时间:${issuesContent.updatedAt}'),
55+
),
56+
Container(
57+
padding: EdgeInsets.fromLTRB(20.0, 20, 20, 0),
58+
child: Text(
59+
'${issuesContent.title != '' ? issuesContent.title : '无标题'} #${issuesContent.number}',
60+
style: Theme.of(context).textTheme.title,
61+
),
62+
),
63+
Container(
64+
padding: EdgeInsets.fromLTRB(20.0, 10, 20, 20.0),
65+
child: Text(
66+
issuesContent.body,
67+
// != '' ?issuesContent.body:'无主体内容'
68+
style: Theme.of(context).textTheme.subhead
69+
),
70+
),
71+
Divider(
72+
height: 1,
73+
)
74+
],
75+
);
76+
}
77+
);
78+
}
79+
80+
Widget _CommentContent (BuildContext context) {
81+
return FutureBuilder(
82+
future: _getIssueComment(context),
83+
builder: (BuildContext context, AsyncSnapshot snapshot) {
84+
if (snapshot.connectionState == ConnectionState.waiting) {
85+
return Container(
86+
padding: EdgeInsets.all(20),
87+
child: Center(
88+
child: Text('loading....'),
89+
),
90+
);
91+
} else if(snapshot.connectionState == ConnectionState.done) {
92+
if (snapshot.hasData) {
93+
return Store.connect<UserModel>(
94+
builder: (context, child, model) {
95+
List<Widget> items = [];
96+
for(var issuesDetails in model.issues_comment.issuesDetails) {
97+
items.add(_CommentContentItem(context, issuesDetails));
98+
}
99+
return Column(
100+
children: items,
101+
);
102+
}
103+
);
104+
} else {
105+
return Center(
106+
child: Text('暂无数据'),
107+
);
108+
}
109+
}
110+
},
111+
);
112+
}
113+
114+
Future<String> _getIssueComment(BuildContext context) async {
115+
IssuesContent issuesContent = Store.value<UserModel>(context).flutter_ui_issues.issuesContent[widget.indexes];
116+
await Store.value<UserModel>(context).getIssueComment(issuesContent.number);
117+
return 'end';
118+
}
119+
120+
Widget _CommentContentItem(BuildContext context, IssuesDetails issuesDetails) {
121+
return Container(
122+
padding: EdgeInsets.fromLTRB(10, 20, 10, 0),
123+
child: Column(
124+
children: <Widget>[
125+
ListTile(
126+
leading: CircleAvatar(
127+
backgroundImage: NetworkImage(
128+
issuesDetails.user.avatarUrl??'http://thumb10.jfcdns.com/2018-06/bce5b10ae530f530.png',
129+
),
130+
),
131+
title: Text('${issuesDetails.user.login}'),
132+
subtitle: Text('${issuesDetails.body}')
133+
),
134+
Divider(height: 1,)
135+
],
136+
),
137+
);
138+
}
139+
}

‎lib/page/comment/index.dart

Lines changed: 71 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
22
import 'package:efox_flutter/lang/index.dart' show AppLocalizations;
33
import 'package:efox_flutter/store/index.dart' show Store, UserModel;
44
import 'package:efox_flutter/store/objects/flutter_ui_issues.dart' show IssuesContent;
5+
import 'package:efox_flutter/router/index.dart' show FluroRouter;
56

67
class Index extends StatefulWidget {
78
@override
@@ -33,7 +34,7 @@ class _IndexState extends State<Index> {
3334
return ListView.builder(
3435
itemCount: model.flutter_ui_issues.issuesContent.length,
3536
itemBuilder: (context, index) {
36-
return _CommentCard(context, model.flutter_ui_issues.issuesContent[index]);
37+
return _CommentCard(context, model.flutter_ui_issues.issuesContent[index], index);
3738
},
3839
);
3940
} else {
@@ -45,76 +46,82 @@ class _IndexState extends State<Index> {
4546
);
4647
}
4748

48-
Widget _CommentCard(BuildContext context, IssuesContent issuesContent) {
49-
return Card(
50-
elevation: 4.0,
51-
child: Stack(
52-
alignment: Alignment.topCenter,
53-
children: <Widget>[
54-
Column(
55-
crossAxisAlignment: CrossAxisAlignment.start,
56-
children: <Widget>[
57-
AspectRatio(
58-
aspectRatio: 16/9,
59-
child: ClipRRect(
60-
borderRadius: BorderRadius.only(
61-
topLeft: Radius.circular(6.0),
62-
topRight: Radius.circular(6.0),
63-
bottomLeft: Radius.circular(6.0),
64-
bottomRight: Radius.circular(6.0)
49+
Widget _CommentCard(BuildContext context, IssuesContent issuesContent, int index) {
50+
return GestureDetector(
51+
onTap: () {
52+
// Store.value<UserModel>(context).getIssueComment(issuesContent.number);
53+
FluroRouter.router.navigateTo(context, '/commentdetails?indexes=${index}',);
54+
},
55+
child: Card(
56+
elevation: 4.0,
57+
child: Stack(
58+
alignment: Alignment.topCenter,
59+
children: <Widget>[
60+
Column(
61+
crossAxisAlignment: CrossAxisAlignment.start,
62+
children: <Widget>[
63+
AspectRatio(
64+
aspectRatio: 16/9,
65+
child: ClipRRect(
66+
borderRadius: BorderRadius.only(
67+
topLeft: Radius.circular(6.0),
68+
topRight: Radius.circular(6.0),
69+
bottomLeft: Radius.circular(6.0),
70+
bottomRight: Radius.circular(6.0)
71+
),
72+
child: Image.network(
73+
issuesContent.user.avatarUrl??'http://thumb10.jfcdns.com/2018-06/bce5b10ae530f530.png',
74+
fit: BoxFit.cover,
75+
),
6576
),
66-
child: Image.network(
67-
issuesContent.user.avatarUrl??'http://thumb10.jfcdns.com/2018-06/bce5b10ae530f530.png',
68-
fit: BoxFit.cover,
77+
),
78+
Container(
79+
padding: EdgeInsets.fromLTRB(20.0, 20, 20, 0),
80+
child: Text(
81+
'${issuesContent.title != '' ? issuesContent.title : '无标题'} #${issuesContent.number}',
82+
style: Theme.of(context).textTheme.title,
6983
),
7084
),
71-
),
72-
Container(
73-
padding: EdgeInsets.fromLTRB(20.0, 20, 20, 0),
74-
child: Text(
75-
'${issuesContent.title != '' ? issuesContent.title : '无标题'} #${issuesContent.number}',
76-
style: Theme.of(context).textTheme.title,
85+
Container(
86+
padding: EdgeInsets.fromLTRB(20.0, 10, 20, 0),
87+
child: Column(
88+
children: <Widget>[
89+
Text(
90+
'创建时间:${issuesContent.createdAt}',
91+
style: TextStyle(color: Colors.black54, fontSize: 12)
92+
),
93+
Text(
94+
'更新时间:${issuesContent.updatedAt}',
95+
style: TextStyle(color: Colors.black54, fontSize: 12)
96+
)
97+
],
98+
)
7799
),
78-
),
79-
Container(
80-
padding: EdgeInsets.fromLTRB(20.0, 10, 20, 0),
81-
child: Column(
82-
children: <Widget>[
83-
Text(
84-
'创建时间:${issuesContent.createdAt}',
85-
style: TextStyle(color: Colors.black54, fontSize: 12)
86-
),
87-
Text(
88-
'更新时间:${issuesContent.updatedAt}',
89-
style: TextStyle(color: Colors.black54, fontSize: 12)
90-
)
91-
],
100+
Container(
101+
padding: EdgeInsets.fromLTRB(20.0, 10, 20, 20.0),
102+
child: Text(
103+
issuesContent.body,
104+
// != '' ?issuesContent.body:'无主体内容'
105+
style: Theme.of(context).textTheme.subhead
106+
),
92107
)
93-
),
94-
Container(
95-
padding: EdgeInsets.fromLTRB(20.0, 10, 20, 20.0),
96-
child: Text(
97-
issuesContent.body,
98-
// != '' ?issuesContent.body:'无主体内容'
99-
style: Theme.of(context).textTheme.subhead
108+
],
109+
),
110+
Positioned(
111+
top: 10,
112+
left: 10,
113+
child: Text(
114+
issuesContent.user.login,
115+
style: TextStyle(
116+
color: Theme.of(context).primaryColor,
117+
fontWeight: FontWeight.bold,
118+
fontSize: 20
100119
),
101-
)
102-
],
103-
),
104-
Positioned(
105-
top: 10,
106-
left: 10,
107-
child: Text(
108-
issuesContent.user.login,
109-
style: TextStyle(
110-
color: Theme.of(context).primaryColor,
111-
fontWeight: FontWeight.bold,
112-
fontSize: 20
113120
),
114-
),
115-
)
116-
],
117-
)
121+
)
122+
],
123+
)
124+
),
118125
);
119126
}
120127
}

‎lib/router/index.dart

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,8 @@ import 'package:flutter/widgets.dart';
22
import 'package:fluro/fluro.dart';
33
//首页
44
import 'package:efox_flutter/page/home.dart' as HomePage;
5+
// 评论详细页面
6+
import 'package:efox_flutter/page/comment/details.dart' as CommentDetails;
57
import 'package:efox_flutter/widget/index.dart' as WidgetConfig;
68
import 'handles.dart';
79
//统计
@@ -24,6 +26,18 @@ class FluroRouter {
2426
},
2527
),
2628
);
29+
// 评论详情页面
30+
router.define(
31+
'/commentdetails',
32+
handler: Handler(
33+
handlerFunc: (BuildContext context, Map<String, dynamic> params) {
34+
String indexes = params["indexes"]?.first;
35+
return CommentDetails.Index(
36+
indexes: int.parse('${indexes}')
37+
);
38+
}
39+
)
40+
);
2741

2842
router.define('/webview', handler: webviewHandler);
2943

‎lib/store/models/user_model.dart

Lines changed: 22 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,13 @@ import 'package:efox_flutter/utils/localStorage.dart' show LocalStorage;
99
import 'package:efox_flutter/config/index.dart' show owner_repo;
1010
import '../objects/flutter_ui_info.dart' show FlutterUiInfo;
1111
import '../objects/flutter_ui_issues.dart' show FlutterUiIssues;
12+
import '../objects/issues_comment.dart' show IssuesComment;
1213

1314
class UserModelInfo {
1415
bool isStar = false; // 用户是否star了flutter ui项目
1516
FlutterUiInfo flutter_ui_info = FlutterUiInfo(); // flutter ui项目信息
1617
FlutterUiIssues flutter_ui_issues = FlutterUiIssues(); // flutter ui的issues内容
18+
IssuesComment issues_comment = IssuesComment(); // issues comment内容
1719
}
1820

1921
class UserModel extends UserModelInfo with ChangeNotifier {
@@ -211,7 +213,7 @@ class UserModel extends UserModelInfo with ChangeNotifier {
211213
*/
212214
getIssueFlutterUI() {
213215
var response = Http.get(
214-
url: 'https://api.github.com/repos/efoxTeam/flutter-ui/issues'
216+
url: 'https://api.github.com/repos/$owner_repo/issues'
215217
);
216218
response.then((resp) {
217219
var data = {
@@ -225,4 +227,23 @@ class UserModel extends UserModelInfo with ChangeNotifier {
225227
print('获取flutter ui的issue内容出错:$error');
226228
});
227229
}
230+
231+
/**
232+
* 获取对应issue下的回复内容
233+
*/
234+
getIssueComment(int number) async {
235+
var response = await Http.get(
236+
url: 'https://api.github.com/repos/$owner_repo/issues/$number/comments'
237+
);
238+
try {
239+
var data = {
240+
"issues_details": response.data
241+
};
242+
print('获取对应issue下的回复内容:${response.data}');
243+
issues_comment = IssuesComment.fromJson(data);
244+
notifyListeners();
245+
} catch(error) {
246+
print('获取对应issue下的回复内容出错:$error');
247+
}
248+
}
228249
}

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /