You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
694 lines
24 KiB
694 lines
24 KiB
import 'dart:io'; |
|
|
|
import 'package:dio/dio.dart'; |
|
import 'package:flutter/material.dart'; |
|
import 'package:flutter_html/flutter_html.dart'; |
|
import 'package:flutter_html/image_render.dart'; |
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; |
|
import 'package:huixiang/retrofit/data/memberCommentList.dart'; |
|
import 'package:huixiang/retrofit/data/activity.dart'; |
|
import 'package:huixiang/retrofit/data/article.dart'; |
|
import 'package:huixiang/retrofit/data/base_data.dart'; |
|
import 'package:huixiang/retrofit/data/page.dart'; |
|
import 'package:huixiang/retrofit/retrofit_api.dart'; |
|
import 'package:huixiang/view_widget/my_appbar.dart'; |
|
import 'package:huixiang/view_widget/share_dialog.dart'; |
|
import 'package:pull_to_refresh/pull_to_refresh.dart'; |
|
import 'package:shared_preferences/shared_preferences.dart'; |
|
import 'package:sharesdk_plugin/sharesdk_defines.dart'; |
|
import 'package:sharesdk_plugin/sharesdk_interface.dart'; |
|
import 'package:sharesdk_plugin/sharesdk_map.dart'; |
|
import 'package:video_player/video_player.dart'; |
|
import 'package:webview_flutter/webview_flutter.dart'; |
|
import 'package:flutter_html/src/replaced_element.dart'; |
|
import 'package:flutter/cupertino.dart'; |
|
import 'package:chewie/src/chewie_progress_colors.dart' as chewie; |
|
import 'package:chewie/chewie.dart'; |
|
|
|
class StoreDetailsPage extends StatefulWidget { |
|
final Map<String, dynamic> arguments; |
|
|
|
///富文本 文章 活动 |
|
StoreDetailsPage({this.arguments}); |
|
|
|
@override |
|
State<StatefulWidget> createState() { |
|
return _StoreDetailsPage(); |
|
} |
|
} |
|
|
|
class _StoreDetailsPage extends State<StoreDetailsPage> { |
|
ApiService apiService; |
|
RefreshController _refreshController; |
|
bool isLiked = false; |
|
int commentTotal = 0; |
|
var commentTextController = TextEditingController(); |
|
|
|
@override |
|
void initState() { |
|
super.initState(); |
|
_refreshController = RefreshController(); |
|
|
|
if (Platform.isAndroid) WebView.platform = SurfaceAndroidWebView(); |
|
|
|
SharedPreferences.getInstance().then((value) { |
|
apiService = |
|
ApiService(Dio(), context: context, token: value.getString("token")); |
|
queryHtml(); |
|
queryMemberCommentList(); |
|
}); |
|
} |
|
|
|
Activity activity; |
|
Article article; |
|
List<MemberCommentList> memberList = []; |
|
|
|
queryHtml() async { |
|
BaseData baseData = await apiService.informationInfo( |
|
widget.arguments["activityId"] ?? widget.arguments["articleId"]); |
|
|
|
if (baseData != null && baseData.isSuccess) { |
|
setState(() { |
|
if (widget.arguments.containsKey("activityId")) { |
|
activity = Activity.fromJson(baseData.data); |
|
} else if (widget.arguments.containsKey("articleId")) { |
|
article = Article.fromJson(baseData.data); |
|
} |
|
}); |
|
} |
|
} |
|
|
|
share() async { |
|
SSDKMap params = SSDKMap() |
|
..setGeneral( |
|
activity != null |
|
? activity.mainTitle |
|
: article != null |
|
? article.mainTitle |
|
: "", |
|
activity != null |
|
? activity.viceTitle |
|
: article != null |
|
? article.viceTitle |
|
: "", |
|
[ |
|
activity != null |
|
? activity.coverImg |
|
: article != null |
|
? article.coverImg |
|
: "", |
|
], |
|
activity != null |
|
? activity.coverImg |
|
: article != null |
|
? article.coverImg |
|
: "", |
|
"", |
|
"http://hx.lotus-wallet.com/index.html?id=${widget.arguments["activityId"] ?? widget.arguments["articleId"]}", |
|
"", |
|
"", |
|
"", |
|
"", |
|
SSDKContentTypes.webpage); |
|
|
|
debugPrint(activity != null |
|
? activity.coverImg |
|
: article != null |
|
? article.coverImg |
|
: ""); |
|
|
|
showModalBottomSheet( |
|
context: context, |
|
backgroundColor: Colors.transparent, |
|
builder: (context) { |
|
return ShareDialog((platform) { |
|
if (platform == ShareSDKPlatforms.line) { |
|
params.map["type"] = SSDKContentTypes.text.value; |
|
params.map["text"] = |
|
"${activity != null ? activity.viceTitle : article != null ? article.viceTitle : ""} http://hx.lotus-wallet.com/index.html?id=${widget.arguments["activityId"] ?? widget.arguments["articleId"]}"; |
|
} |
|
SharesdkPlugin.share(platform, params, |
|
(state, userData, contentEntity, error) { |
|
print("share！$state"); |
|
}); |
|
}); |
|
}); |
|
} |
|
|
|
//评论列表 |
|
queryMemberCommentList() async { |
|
BaseData baseData = await apiService.memberCommentList({ |
|
"pageNum": 1, |
|
"pageSize": 100, |
|
"relationalId": |
|
widget.arguments["activityId"] ?? widget.arguments["articleId"], |
|
"relationalType": 1 |
|
}).catchError((error) { |
|
_refreshController.refreshFailed(); |
|
}); |
|
if (baseData != null && baseData.isSuccess) { |
|
PageInfo pageInfo = PageInfo.fromJson(baseData.data); |
|
_refreshController.refreshCompleted(); |
|
setState(() { |
|
commentTotal = pageInfo.size; |
|
memberList = |
|
pageInfo.list.map((e) => MemberCommentList.fromMap(e)).toList(); |
|
}); |
|
} |
|
} |
|
|
|
//评论点赞 |
|
queryCommentLike(String id) async { |
|
BaseData baseData = |
|
await apiService.commentLike(id).catchError((onError) {}); |
|
if (baseData != null && baseData.isSuccess) { |
|
setState(() { |
|
memberList.forEach((element) { |
|
if (element.id == id) { |
|
element.likes += 1; |
|
element.isFabulous = true; |
|
} |
|
}); |
|
}); |
|
} else { |
|
SmartDialog.showToast(baseData.msg, alignment: Alignment.center); |
|
} |
|
} |
|
|
|
//给文章/活动点赞 |
|
queryInformationLikes() async { |
|
BaseData baseData = |
|
await apiService.commentLike(widget.arguments["activityId"] ?? widget.arguments["articleId"]).catchError((onError) {}); |
|
if (baseData != null && baseData.isSuccess) { |
|
setState(() { |
|
isLiked = true; |
|
}); |
|
} else { |
|
SmartDialog.showToast(baseData.msg, alignment: Alignment.center); |
|
} |
|
} |
|
|
|
//发布评论 |
|
queryMemberComment(String content) async { |
|
BaseData baseData = await apiService.memberComment({ |
|
"content":content, |
|
"parentId":0, |
|
"relationalId":widget.arguments["activityId"] ?? widget.arguments["articleId"], |
|
"relationalType": 1 |
|
}).catchError((error) { |
|
_refreshController.refreshFailed(); |
|
}); |
|
if (baseData != null && baseData.isSuccess) { |
|
commentTextController.text = ""; |
|
queryMemberCommentList(); |
|
} |
|
} |
|
|
|
@override |
|
Widget build(BuildContext context) { |
|
return Scaffold( |
|
appBar: MyAppBar( |
|
action: Container( |
|
margin: EdgeInsets.only(right: 10), |
|
child: GestureDetector( |
|
onTap: () { |
|
share(); |
|
}, |
|
child: Icon( |
|
Icons.share, |
|
size: 24, |
|
color: Colors.black, |
|
), |
|
), |
|
), |
|
background: Color(0xFFF7F7F7), |
|
leadingColor: Colors.black, |
|
title: activity != null |
|
? activity.mainTitle |
|
: article != null |
|
? article.mainTitle |
|
: "", |
|
titleSize: 18.sp, |
|
titleColor: Colors.black, |
|
), |
|
body: Container( |
|
child: SingleChildScrollView( |
|
physics: BouncingScrollPhysics(), |
|
child: Column( |
|
children: [ |
|
Container( |
|
color: Color(0xFFF7F7F7), |
|
padding: EdgeInsets.all(12), |
|
alignment: Alignment.centerLeft, |
|
child: Text( |
|
activity != null |
|
? activity.mainTitle |
|
: article != null |
|
? article.mainTitle |
|
: "", |
|
style: TextStyle( |
|
fontSize: 16.sp, |
|
fontWeight: FontWeight.bold, |
|
color: Color(0xFF353535), |
|
), |
|
), |
|
), |
|
Container( |
|
padding: EdgeInsets.symmetric(horizontal: 12.w), |
|
child: Row( |
|
children: [ |
|
InkWell( |
|
child: Text( |
|
"${activity != null ? activity.storeName : (article != null && article.author != null) ? article.author.name : ""}", |
|
style: TextStyle( |
|
fontWeight: FontWeight.normal, |
|
fontSize: 14.sp, |
|
color: Colors.blue, |
|
), |
|
), |
|
onTap: () { |
|
if (activity != null) { |
|
if (widget.arguments["source"] != null && |
|
widget.arguments["source"] == activity.storeId) { |
|
Navigator.of(context).pop(); |
|
} else { |
|
Navigator.of(context).pushNamed( |
|
'/router/union_detail_page', |
|
arguments: { |
|
"id": activity.storeId, |
|
"source": widget.arguments["activityId"] |
|
}); |
|
} |
|
} |
|
}, |
|
), |
|
SizedBox( |
|
width: 10.w, |
|
), |
|
Text( |
|
activity != null |
|
? activity.createTime |
|
: article != null |
|
? article.createTime |
|
: "", |
|
style: TextStyle( |
|
fontWeight: FontWeight.normal, |
|
fontSize: 12.sp, |
|
color: Colors.grey, |
|
), |
|
) |
|
], |
|
), |
|
), |
|
Html( |
|
data: activity != null |
|
? activity.content |
|
: article != null |
|
? article.content |
|
: "", |
|
customImageRenders: { |
|
base64DataUriMatcher(): base64ImageRender(), |
|
assetUriMatcher(): assetImageRender(), |
|
networkSourceMatcher(extension: "svg"): |
|
svgNetworkImageRender(), |
|
networkSourceMatcher(): networkImageRender( |
|
loadingWidget: () { |
|
return Container(); |
|
}, |
|
// mapUrl: (url) { |
|
// print("objectUrl: $url"); |
|
// return "$url?imageMogr2/format/webp/blur/1x0/quality/75"; |
|
// }, |
|
), |
|
}, |
|
customRender: { |
|
"video": (context, parsedChild, attributes, element) { |
|
return videoWidget( |
|
double.tryParse(attributes['width'] ?? ""), |
|
double.tryParse(element.attributes['height'] ?? ""), |
|
element.children.first.attributes["src"], |
|
element.attributes["sandbox"]); |
|
}, |
|
"iframe": (context, parsedChild, attributes, element) { |
|
return videoWidget( |
|
double.tryParse(attributes['width'] ?? ""), |
|
double.tryParse(element.attributes['height'] ?? ""), |
|
element.children.first.attributes["src"], |
|
element.attributes["sandbox"]); |
|
}, |
|
"audio": (context, parsedChild, attributes, element) { |
|
final sources = <String>[ |
|
if (element.attributes['src'] != null) |
|
element.attributes['src'], |
|
]; |
|
if (sources == null || |
|
sources.isEmpty || |
|
sources.first == null) { |
|
return EmptyContentElement(); |
|
} |
|
return audioWidget( |
|
attributes['controls'] != null, |
|
attributes['loop'] != null, |
|
attributes['autoplay'] != null, |
|
sources, |
|
context.style.width ?? 300.w); |
|
}, |
|
}, |
|
), |
|
Container( |
|
decoration: BoxDecoration( |
|
color: Colors.white, |
|
boxShadow: [ |
|
BoxShadow( |
|
color: Colors.black.withAlpha(12), |
|
offset: Offset(0, 2), |
|
blurRadius: 14, |
|
spreadRadius: 0) |
|
], |
|
), |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Padding( |
|
padding: EdgeInsets.all(16), |
|
child: Row( |
|
children: [ |
|
Text("评论(${commentTotal.toString()})", |
|
style: TextStyle( |
|
fontSize: 16.sp, |
|
fontWeight: FontWeight.bold, |
|
color: Color(0xff1A1A1A))), |
|
SizedBox( |
|
width: 16.w, |
|
), |
|
Text("喜欢(${article?.likes??activity?.likes??"0"})", |
|
style: TextStyle( |
|
fontSize: 16.sp, |
|
fontWeight: FontWeight.bold, |
|
color: Color(0xff1A1A1A))), |
|
], |
|
), |
|
), |
|
ListView.builder( |
|
shrinkWrap: true, |
|
physics: NeverScrollableScrollPhysics(), |
|
itemCount: memberList != null ? memberList.length : 0, |
|
scrollDirection: Axis.vertical, |
|
itemBuilder: (context, position) { |
|
return GestureDetector( |
|
onTap: () {}, |
|
child: commentItem(memberList[position],position,memberList.length), |
|
); |
|
}, |
|
), |
|
], |
|
), |
|
), |
|
SizedBox( |
|
height: 12.h, |
|
), |
|
Container( |
|
padding: EdgeInsets.all(16), |
|
decoration: BoxDecoration( |
|
color: Colors.white, |
|
boxShadow: [ |
|
BoxShadow( |
|
color: Colors.black.withAlpha(12), |
|
offset: Offset(0, 2), |
|
blurRadius: 14, |
|
spreadRadius: 0) |
|
], |
|
borderRadius: new BorderRadius.only( |
|
topLeft: Radius.circular(8.0), |
|
topRight: Radius.circular(8.0), |
|
), |
|
), |
|
child: Row( |
|
children: [ |
|
Expanded( |
|
flex: 1, |
|
child: Container( |
|
decoration: new BoxDecoration( |
|
color: Color(0xffF2F2F2), |
|
borderRadius: BorderRadius.circular(2.0)), |
|
child: Column( |
|
children: [ |
|
Container( |
|
margin: const EdgeInsets.fromLTRB(4, 0, 4, 0), |
|
alignment: Alignment.topLeft, |
|
child: TextField( |
|
maxLines: 8, |
|
minLines: 1, |
|
controller: commentTextController, |
|
decoration: InputDecoration( |
|
border: InputBorder.none, |
|
hintText: "留下您精彩的评论吧~", |
|
hintStyle: TextStyle( |
|
fontSize: 14.sp, |
|
color: Color(0xffCDCCCC), |
|
), |
|
), |
|
), |
|
), |
|
], |
|
), |
|
), |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(left: 20.w, right: 20.w), |
|
child: GestureDetector( |
|
onTap: (){ |
|
var commentText = commentTextController.text; |
|
if (commentText == "") { |
|
return; |
|
} |
|
queryMemberComment(commentText); |
|
}, |
|
child:Text( |
|
"发送", |
|
style: TextStyle( |
|
fontSize: 16.sp, |
|
fontWeight: FontWeight.bold, |
|
color: Color(0XFF1A1A1A)), |
|
), |
|
), |
|
), |
|
GestureDetector(onTap: (){ |
|
queryInformationLikes(); |
|
},child: Image.asset(isLiked?"assets/image/icon_like.png":"assets/image/icon_like_h.png"),) |
|
], |
|
), |
|
), |
|
], |
|
), |
|
), |
|
), |
|
); |
|
} |
|
|
|
VideoPlayerController videoPlayerController; |
|
ChewieController chewieAudioController; |
|
Chewie chewies; |
|
|
|
Widget videoWidget(double width, double height, src, sandboxMode) { |
|
print("src : $src"); |
|
return Container( |
|
width: MediaQuery.of(context).size.width, |
|
height: (MediaQuery.of(context).size.width) / (width / height), |
|
child: chewies = Chewie( |
|
controller: chewieAudioController = ChewieController( |
|
videoPlayerController: videoPlayerController = |
|
VideoPlayerController.network( |
|
src, |
|
), |
|
aspectRatio: width / height, |
|
//宽高比 |
|
autoPlay: !true, |
|
//自动播放 |
|
looping: false, |
|
//循环播放 |
|
// 拖动条样式颜色 |
|
materialProgressColors: chewie.ChewieProgressColors( |
|
playedColor: Colors.white, |
|
handleColor: Colors.white, |
|
backgroundColor: Colors.grey, |
|
bufferedColor: Colors.transparent, |
|
), |
|
autoInitialize: true, |
|
), |
|
), |
|
); |
|
} |
|
|
|
Widget audioWidget(showControls, loop, autoplay, src, width) { |
|
return Container( |
|
width: width, |
|
child: chewies = Chewie( |
|
controller: chewieAudioController = ChewieController( |
|
videoPlayerController: VideoPlayerController.network( |
|
src.first ?? "", |
|
), |
|
autoPlay: autoplay, |
|
looping: loop, |
|
showControls: showControls, |
|
autoInitialize: true, |
|
), |
|
), |
|
); |
|
} |
|
|
|
Widget commentItem(MemberCommentList memberList,int index,int max) { |
|
return Container( |
|
child: Column( |
|
children: [ |
|
Padding( |
|
padding: EdgeInsets.all(16), |
|
child: Row( |
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
ClipOval( |
|
child: Image.network( |
|
memberList.userAvatarUrl, |
|
fit: BoxFit.cover, |
|
width: 40.w, |
|
height: 40.h, |
|
), |
|
clipBehavior: Clip.hardEdge, |
|
), |
|
SizedBox( |
|
width: 12.w, |
|
), |
|
Expanded( |
|
child: Container( |
|
height: 60.h, |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Text.rich( |
|
TextSpan(children: [ |
|
TextSpan( |
|
text: memberList.username, |
|
style: TextStyle( |
|
fontWeight: FontWeight.bold, |
|
fontSize: 14.sp, |
|
color: Colors.black), |
|
), |
|
]), |
|
textDirection: TextDirection.ltr, |
|
), |
|
Text( |
|
memberList.createTime, |
|
overflow: TextOverflow.ellipsis, |
|
maxLines: 2, |
|
style: TextStyle( |
|
fontSize: 12.sp, |
|
color: Color(0xff808080), |
|
), |
|
), |
|
], |
|
), |
|
), |
|
flex: 1, |
|
), |
|
Container( |
|
alignment: Alignment.topRight, |
|
child: Row( |
|
children: [ |
|
GestureDetector( |
|
onTap: () { |
|
queryCommentLike(memberList.id); |
|
}, |
|
child: Image.asset( |
|
!(memberList.isFabulous ?? false) |
|
? "assets/image/icon_like_h.png" |
|
: "assets/image/icon_like.png", |
|
width: 16.w, |
|
height: 16.h, |
|
), |
|
), |
|
Text( |
|
memberList.likes.toString(), |
|
style: TextStyle( |
|
fontSize: 12.sp, color: Color(0xff1A1A1A)), |
|
), |
|
], |
|
), |
|
), |
|
], |
|
), |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(left: 68, right: 16), |
|
child: Align( |
|
alignment: Alignment.centerLeft, |
|
child: Text( |
|
memberList.content, |
|
style: TextStyle(fontSize: 14.sp, color: Color(0xff1A1A1A)), |
|
), |
|
), |
|
), |
|
SizedBox( |
|
height: 12.h, |
|
), |
|
if(memberList.parentContent != null) |
|
Container( |
|
width: double.infinity, |
|
margin: EdgeInsets.only(left: 68.w, right: 16.w), |
|
decoration: new BoxDecoration( |
|
color: Color(0xffF2F2F2), |
|
borderRadius: BorderRadius.circular(2.0), |
|
), |
|
child: Padding( |
|
padding: EdgeInsets.only(left: 4.w, top: 4.h, bottom: 4.h), |
|
child: Row( |
|
children: [ |
|
Text( |
|
memberList.parentUserName??"", |
|
style: TextStyle(fontSize: 12.sp, color: Color(0xff808080)), |
|
), |
|
Text( |
|
memberList.parentContent ?? "", |
|
style: TextStyle(fontSize: 12.sp, color: Color(0xff808080)), |
|
), |
|
], |
|
), |
|
), |
|
), |
|
if (index == max - 1) |
|
Container( |
|
height: 63.h, |
|
decoration: BoxDecoration( |
|
color: Color(0xffF2F2F2), |
|
boxShadow: [ |
|
BoxShadow( |
|
color: Colors.black.withAlpha(12), |
|
offset: Offset(0, 2), |
|
blurRadius: 14, |
|
spreadRadius: 0) |
|
], |
|
), |
|
margin: EdgeInsets.only(top: 30.h), |
|
alignment: Alignment.center, |
|
child: Text( |
|
"-已显示全部评论-", |
|
style: TextStyle(fontSize: 14.sp, color: Color(0xff353535)), |
|
), |
|
), |
|
], |
|
), |
|
); |
|
} |
|
|
|
@override |
|
void dispose() { |
|
if (chewieAudioController != null) chewieAudioController.dispose(); |
|
|
|
if (videoPlayerController != null) videoPlayerController.dispose(); |
|
|
|
super.dispose(); |
|
} |
|
}
|
|
|