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.
336 lines
10 KiB
336 lines
10 KiB
import 'dart:io'; |
|
import 'dart:ui'; |
|
|
|
import 'package:dio/dio.dart'; |
|
import 'package:flutter/material.dart'; |
|
import 'package:flutter/rendering.dart'; |
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; |
|
import 'package:huixiang/generated/l10n.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/retrofit_api.dart'; |
|
import 'package:huixiang/view_widget/my_appbar.dart'; |
|
import 'package:huixiang/view_widget/share_dialog.dart'; |
|
import 'package:huixiang/view_widget/tips_dialog.dart'; |
|
import 'package:huixiang/web/web_view/comment_list.dart'; |
|
import 'package:huixiang/web/web_view/input_comment.dart'; |
|
import 'package:huixiang/web/web_view/web_content.dart'; |
|
import 'package:huixiang/web/web_view/web_header.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:webview_flutter/webview_flutter.dart'; |
|
import 'package:flutter/cupertino.dart'; |
|
|
|
class WebPage extends StatefulWidget { |
|
final Map<String, dynamic> arguments; |
|
|
|
///富文本 文章 活动 |
|
WebPage({this.arguments}); |
|
|
|
@override |
|
State<StatefulWidget> createState() { |
|
return _WebPage(); |
|
} |
|
} |
|
|
|
class _WebPage extends State<WebPage> with WidgetsBindingObserver { |
|
ApiService apiService; |
|
int commentTotal = 0; |
|
String hintText = S.current.liuxianinjingcaidepinglunba; |
|
var commentFocus = FocusNode(); |
|
String parenId = "0"; |
|
Activity activity; |
|
Article article; |
|
final double fontSize = 16.sp; |
|
final GlobalKey commentKey = GlobalKey(); |
|
final GlobalKey inputKey = GlobalKey(); |
|
final ScrollController scrollController = ScrollController(); |
|
final TextEditingController commentTextController = TextEditingController(); |
|
|
|
@override |
|
void initState() { |
|
super.initState(); |
|
WidgetsBinding.instance.addObserver(this); |
|
if (Platform.isAndroid) WebView.platform = SurfaceAndroidWebView(); |
|
|
|
queryHtml(); |
|
} |
|
|
|
bool isKeyBoardShow = false; |
|
|
|
@override |
|
void didChangeMetrics() { |
|
WidgetsBinding.instance.addPostFrameCallback((_) { |
|
if (MediaQuery.of(context).viewInsets.bottom == 0) { |
|
if (isKeyBoardShow) { |
|
FocusScope.of(context).requestFocus(FocusNode()); |
|
setState(() { |
|
hintText = S.current.liuxianinjingcaidepinglunba; |
|
isKeyBoardShow = false; |
|
}); |
|
} |
|
} else { |
|
setState(() { |
|
isKeyBoardShow = true; |
|
}); |
|
} |
|
}); |
|
} |
|
|
|
@override |
|
void dispose() { |
|
WidgetsBinding.instance.removeObserver(this); |
|
super.dispose(); |
|
} |
|
|
|
queryHtml() async { |
|
SharedPreferences value = await SharedPreferences.getInstance(); |
|
if (apiService == null) |
|
apiService = |
|
ApiService(Dio(), context: context, token: value.getString("token")); |
|
|
|
if (widget.arguments["activityId"] != null) { |
|
BaseData<Activity> baseData = await apiService |
|
.activityInfo(widget.arguments["activityId"]) |
|
.catchError((onError) {}); |
|
if (baseData != null && baseData.isSuccess) { |
|
activity = baseData.data; |
|
setState(() {}); |
|
} |
|
} |
|
if (widget.arguments["articleId"] != null) { |
|
BaseData<Article> baseData = await apiService |
|
.informationInfo(widget.arguments["articleId"]) |
|
.catchError((onError) {}); |
|
if (baseData != null && baseData.isSuccess) { |
|
article = baseData.data; |
|
setState(() {}); |
|
} |
|
} |
|
} |
|
|
|
//发布评论 |
|
_queryMemberComment(String content) async { |
|
BaseData baseData = await apiService.memberComment({ |
|
"content": content, |
|
"parentId": parenId, |
|
"relationalId": |
|
widget.arguments["activityId"] ?? widget.arguments["articleId"], |
|
"relationalType": 1 |
|
}).catchError((error) {}); |
|
if (baseData != null && baseData.isSuccess) { |
|
commentKey.currentState.initState(); |
|
commentTextController.text = ""; |
|
_toComment(); |
|
} |
|
} |
|
|
|
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 |
|
: "", |
|
"", |
|
buildShareUrl(), |
|
"", |
|
"", |
|
"", |
|
"", |
|
SSDKContentTypes.webpage, |
|
); |
|
|
|
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 : ""} ${buildShareUrl()}"; |
|
} |
|
SharesdkPlugin.share(platform, params, |
|
(state, userData, contentEntity, error) { |
|
print("share!$state"); |
|
}); |
|
}); |
|
}); |
|
} |
|
|
|
String buildShareUrl() { |
|
return "https://hx.lotus-wallet.com/index.html?id=${widget.arguments["activityId"] ?? widget.arguments["articleId"]}&type=${activity != null ? "activity" : article != null ? "article" : ""}"; |
|
} |
|
|
|
//给文章/活动点赞 |
|
_queryInformationLikes() async { |
|
BaseData baseData = await apiService.informationLikes( |
|
widget.arguments["activityId"] ?? widget.arguments["articleId"]); |
|
if (baseData != null && baseData.isSuccess) { |
|
if (article != null) { |
|
if (article.liked) { |
|
article.likes -= 1; |
|
} else { |
|
article.likes += 1; |
|
} |
|
article.liked = !article.liked; |
|
} else if (activity != null) { |
|
if (activity.liked) { |
|
activity.likes -= 1; |
|
} else { |
|
activity.likes += 1; |
|
} |
|
activity.liked = !activity.liked; |
|
} |
|
commentKey.currentState.setState(() {}); |
|
} else { |
|
SmartDialog.showToast(baseData.msg, alignment: Alignment.center); |
|
} |
|
} |
|
|
|
@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(0xFFFFFFFFF), |
|
leadingColor: Colors.black, |
|
title: activity != null |
|
? activity.mainTitle |
|
: article != null |
|
? article.mainTitle |
|
: "", |
|
titleSize: fontSize, |
|
titleColor: Colors.black, |
|
), |
|
body: Container( |
|
child: Column( |
|
children: [ |
|
Expanded( |
|
child: GestureDetector( |
|
onTap: () { |
|
commentFocus.unfocus(); |
|
hintText = S.of(context).liuxianinjingcaidepinglunba; |
|
inputKey.currentState.setState(() {}); |
|
parenId = "0"; |
|
}, |
|
child: SingleChildScrollView( |
|
controller: scrollController, |
|
physics: BouncingScrollPhysics(), |
|
child: Column( |
|
children: [ |
|
/// 富文本的头部 |
|
WebHeader(widget.arguments, activity, article, 16), |
|
|
|
/// 富文本的内容 |
|
WebContent(activity, article, () { |
|
setState(() {}); |
|
}), |
|
|
|
/// 富文本的评论 |
|
CommentList( |
|
commentKey, |
|
widget.arguments, |
|
activity, |
|
article, |
|
isKeyBoardShow, |
|
_reply, |
|
_delCommentTips, |
|
12.sp), |
|
], |
|
), |
|
), |
|
), |
|
flex: 1, |
|
), |
|
|
|
/// 富文本评论的输入框 |
|
InputComment( |
|
inputKey, |
|
hintText, |
|
isKeyBoardShow, |
|
commentFocus, |
|
commentTextController, |
|
_toComment, |
|
_queryMemberComment, |
|
_queryInformationLikes, |
|
activity: activity, |
|
article: article, |
|
), |
|
], |
|
), |
|
), |
|
); |
|
} |
|
|
|
///删除评论的提示 |
|
_delCommentTips() { |
|
SmartDialog.show(widget: Tips(() { |
|
delComment(); |
|
})); |
|
} |
|
|
|
///删除评论 |
|
delComment() async { |
|
BaseData baseData = await apiService.delComment( |
|
widget.arguments["activityId"] ?? widget.arguments["articleId"]); |
|
if (baseData != null && baseData.isSuccess) { |
|
commentKey.currentState.initState(); |
|
} |
|
} |
|
|
|
///评论 回复 |
|
_reply(memberComment) { |
|
FocusScope.of(context).requestFocus(commentFocus); |
|
parenId = memberComment.id; |
|
hintText = S.of(context).huifu_("${memberComment.username}"); |
|
} |
|
|
|
///滑动到评论列表 |
|
_toComment() { |
|
if (commentKey.currentContext == null) return; |
|
RenderBox firstRenderBox = commentKey.currentContext.findRenderObject(); |
|
Offset first = firstRenderBox.localToGlobal(Offset.zero); |
|
scrollController.animateTo( |
|
first.dy + |
|
scrollController.offset - |
|
(kToolbarHeight + MediaQuery.of(context).padding.top), |
|
duration: Duration(milliseconds: 300), |
|
curve: Curves.easeIn); |
|
} |
|
}
|
|
|