43 changed files with 2258 additions and 1981 deletions
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,236 @@
|
||||
import 'package:flutter/material.dart'; |
||||
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart'; |
||||
import 'package:huixiang/generated/l10n.dart'; |
||||
import 'package:huixiang/retrofit/data/sign_info.dart'; |
||||
import 'package:huixiang/utils/font_weight.dart'; |
||||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||
import 'package:huixiang/view_widget/round_button.dart'; |
||||
|
||||
|
||||
class InForPoints extends StatefulWidget { |
||||
|
||||
final SignInfo signInfo; |
||||
final Function signIn; |
||||
|
||||
InForPoints(this.signInfo, this.signIn); |
||||
|
||||
@override |
||||
State<StatefulWidget> createState() { |
||||
return _InForPoints(); |
||||
} |
||||
|
||||
} |
||||
|
||||
class _InForPoints extends State<InForPoints> { |
||||
|
||||
@override |
||||
Widget build(BuildContext context) { |
||||
return Container( |
||||
width: double.infinity, |
||||
margin: EdgeInsets.symmetric(horizontal: 16.w, vertical: 6.h), |
||||
padding: EdgeInsets.symmetric(horizontal: 20.w, vertical: 20.h), |
||||
decoration: BoxDecoration( |
||||
color: Colors.white, |
||||
borderRadius: BorderRadius.circular(8), |
||||
boxShadow: [ |
||||
BoxShadow( |
||||
color: Colors.black.withAlpha(12), |
||||
offset: Offset(0, 3), |
||||
blurRadius: 14, |
||||
spreadRadius: 0, |
||||
) |
||||
], |
||||
), |
||||
child: Column( |
||||
mainAxisAlignment: MainAxisAlignment.center, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Text( |
||||
S.of(context).qiandaolingjifen, |
||||
style: TextStyle( |
||||
fontWeight: MyFontWeight.medium, |
||||
fontSize: 16.sp, |
||||
color: Color(0xFF353535), |
||||
), |
||||
), |
||||
SizedBox( |
||||
height: 10.h, |
||||
), |
||||
Text( |
||||
S.of(context).lianxuqiandaolingqushuangbeijifen, |
||||
style: TextStyle( |
||||
fontWeight: MyFontWeight.medium, |
||||
fontSize: 11.sp, |
||||
color: Color(0xFF727272), |
||||
), |
||||
), |
||||
SizedBox( |
||||
height: 32.h, |
||||
), |
||||
StaggeredGridView.countBuilder( |
||||
crossAxisCount: 4, |
||||
shrinkWrap: true, |
||||
itemCount: 7, |
||||
mainAxisSpacing: 8, |
||||
crossAxisSpacing: 18, |
||||
padding: EdgeInsets.only(bottom: 32), |
||||
physics: NeverScrollableScrollPhysics(), |
||||
itemBuilder: (context, position) { |
||||
return signInItem(position); |
||||
}, |
||||
staggeredTileBuilder: (position) { |
||||
return StaggeredTile.count(position == 6 ? 2 : 1, 1.28); |
||||
}, |
||||
), |
||||
InkWell( |
||||
onTap: widget.signIn, |
||||
child: Container( |
||||
alignment: Alignment.center, |
||||
child: RoundButton( |
||||
width: 106.w, |
||||
height: 34.h, |
||||
text: (widget.signInfo != null && widget.signInfo.todayHasSignin) |
||||
? S.of(context).yiqiandao |
||||
: S.of(context).lijiqiandao, |
||||
textColor: Colors.white, |
||||
backgroup: (widget.signInfo != null && widget.signInfo.todayHasSignin) |
||||
? Colors.grey |
||||
: Color(0xFF32A060), |
||||
fontSize: 16.sp, |
||||
fontWeight: MyFontWeight.regular, |
||||
padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 6.h), |
||||
radius: 4.w, |
||||
), |
||||
), |
||||
), |
||||
], |
||||
), |
||||
); |
||||
} |
||||
|
||||
|
||||
Widget signInItem(position) { |
||||
if (position == 6) { |
||||
return Container( |
||||
padding: EdgeInsets.all(4), |
||||
decoration: BoxDecoration( |
||||
color: Color(0xFFF0F0F2), |
||||
borderRadius: BorderRadius.circular(4), |
||||
), |
||||
child: Row( |
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Expanded( |
||||
child: Column( |
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Text( |
||||
"0${position + 1}", |
||||
style: TextStyle( |
||||
color: Color(0xFF353535), |
||||
fontSize: 14.sp, |
||||
fontWeight: MyFontWeight.medium, |
||||
), |
||||
), |
||||
Container( |
||||
alignment: Alignment.center, |
||||
height: 30.h, |
||||
child: Text( |
||||
S.of(context).shenmijifendali, |
||||
style: TextStyle( |
||||
color: Color(0xFF727272), |
||||
fontWeight: FontWeight.bold, |
||||
fontSize: 10.sp, |
||||
), |
||||
), |
||||
), |
||||
Text( |
||||
"", |
||||
style: TextStyle( |
||||
color: Color(0xFF353535), |
||||
fontSize: 14.sp, |
||||
fontWeight: MyFontWeight.medium, |
||||
), |
||||
), |
||||
], |
||||
), |
||||
flex: 1, |
||||
), |
||||
Container( |
||||
alignment: Alignment.center, |
||||
child: Image.asset( |
||||
"assets/image/icon_gold_blessing.png", |
||||
width: 59.w, |
||||
height: 59.h, |
||||
), |
||||
), |
||||
], |
||||
), |
||||
); |
||||
} else { |
||||
return Container( |
||||
padding: EdgeInsets.all(4), |
||||
decoration: BoxDecoration( |
||||
color: (widget.signInfo != null && |
||||
widget.signInfo.signInList != null && |
||||
widget.signInfo.signInList.length > position) |
||||
? Color(0xFF32A060) |
||||
: Color(0xFFF0F0F2), |
||||
borderRadius: BorderRadius.circular(4), |
||||
), |
||||
child: Column( |
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Text( |
||||
"0${position + 1}", |
||||
style: TextStyle( |
||||
color: (widget.signInfo != null && |
||||
widget.signInfo.signInList != null && |
||||
widget.signInfo.signInList.length > position) |
||||
? Colors.white |
||||
: Color(0xFF353535), |
||||
fontSize: 14.sp, |
||||
fontWeight: MyFontWeight.medium, |
||||
), |
||||
), |
||||
Container( |
||||
alignment: Alignment.center, |
||||
child: Image.asset( |
||||
"assets/image/icon_gold_coin.png", |
||||
width: 30.w, |
||||
height: 30.h, |
||||
), |
||||
), |
||||
Container( |
||||
alignment: Alignment.center, |
||||
margin: EdgeInsets.only( |
||||
top: 2.h, |
||||
), |
||||
child: Text( |
||||
(widget.signInfo != null && |
||||
widget.signInfo.rewardList != null && |
||||
widget.signInfo.rewardList.length > position) |
||||
? "+${widget.signInfo.rewardList[position]}" |
||||
: "+10", |
||||
style: TextStyle( |
||||
color: (widget.signInfo != null && |
||||
widget.signInfo.signInList != null && |
||||
widget.signInfo.signInList.length > position) |
||||
? Colors.white |
||||
: Color(0xFF727272), |
||||
fontSize: 12.sp, |
||||
fontWeight: MyFontWeight.regular, |
||||
), |
||||
), |
||||
), |
||||
], |
||||
), |
||||
); |
||||
} |
||||
} |
||||
|
||||
|
||||
} |
||||
@ -0,0 +1,202 @@
|
||||
import 'package:flutter/material.dart'; |
||||
import 'package:flutter_swiper/flutter_swiper.dart'; |
||||
import 'package:huixiang/generated/l10n.dart'; |
||||
import 'package:huixiang/retrofit/data/sign_info.dart'; |
||||
import 'package:huixiang/retrofit/data/task.dart'; |
||||
import 'package:huixiang/utils/font_weight.dart'; |
||||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||
import 'package:huixiang/view_widget/round_button.dart'; |
||||
|
||||
class IntegralTask extends StatefulWidget { |
||||
final SignInfo signInfo; |
||||
|
||||
IntegralTask(this.signInfo); |
||||
|
||||
@override |
||||
State<StatefulWidget> createState() { |
||||
return _IntegralTask(); |
||||
} |
||||
} |
||||
|
||||
class _IntegralTask extends State<IntegralTask> { |
||||
@override |
||||
Widget build(BuildContext context) { |
||||
return Container( |
||||
width: MediaQuery.of(context).size.width - 32, |
||||
height: 300.h, |
||||
margin: EdgeInsets.all(16), |
||||
padding: EdgeInsets.symmetric( |
||||
horizontal: 10.w, |
||||
vertical: 20.h, |
||||
), |
||||
decoration: BoxDecoration( |
||||
color: Colors.white, |
||||
borderRadius: BorderRadius.circular(8), |
||||
boxShadow: [ |
||||
BoxShadow( |
||||
color: Colors.black.withAlpha(12), |
||||
offset: Offset(0, 3), |
||||
blurRadius: 14, |
||||
spreadRadius: 0, |
||||
) |
||||
], |
||||
), |
||||
child: Column( |
||||
mainAxisAlignment: MainAxisAlignment.start, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Container( |
||||
margin: EdgeInsets.only(left: 10.w), |
||||
child: Text( |
||||
S.of(context).zuorenwudejifen, |
||||
style: TextStyle( |
||||
color: Color(0xFF353535), |
||||
fontWeight: MyFontWeight.medium, |
||||
fontSize: 16.sp, |
||||
), |
||||
), |
||||
), |
||||
Expanded( |
||||
child: Container( |
||||
child: Swiper( |
||||
loop: false, |
||||
physics: BouncingScrollPhysics(), |
||||
pagination: SwiperPagination( |
||||
alignment: Alignment.bottomCenter, |
||||
builder: DotSwiperPaginationBuilder( |
||||
size: 8, |
||||
activeSize: 8, |
||||
space: 5, |
||||
activeColor: Colors.black, |
||||
color: Colors.black.withAlpha(76), |
||||
), |
||||
), |
||||
itemBuilder: (context, position) { |
||||
return taskPage(position); |
||||
}, |
||||
itemCount: (widget.signInfo != null && |
||||
widget.signInfo.taskList != null && |
||||
widget.signInfo.taskList.length > 0) |
||||
? (widget.signInfo.taskList.length < 3 |
||||
? 1 |
||||
: (widget.signInfo.taskList.length ~/ 3 + |
||||
(widget.signInfo.taskList.length % 3 > 0 |
||||
? 1 |
||||
: 0))) |
||||
: 1), |
||||
), |
||||
flex: 1, |
||||
) |
||||
], |
||||
), |
||||
); |
||||
} |
||||
|
||||
Widget taskPage(position) { |
||||
if (widget.signInfo == null || widget.signInfo.taskList == null) |
||||
return Container(); |
||||
return Container( |
||||
margin: EdgeInsets.only(left: 10.w, right: 10.w, top: 16.h), |
||||
child: Column( |
||||
children: [ |
||||
tashItem(widget.signInfo.taskList[position * 3 + 0]), |
||||
if (widget.signInfo.taskList.length > (position * 3 + 1)) |
||||
tashItem(widget.signInfo.taskList[position * 3 + 1]), |
||||
if (widget.signInfo.taskList.length > (position * 3 + 2)) |
||||
tashItem(widget.signInfo.taskList[position * 3 + 2]), |
||||
], |
||||
), |
||||
); |
||||
} |
||||
|
||||
taskImg(String taskType) { |
||||
switch (taskType) { |
||||
case "bill_type_point_login": |
||||
return "assets/image/icon_integral_share.png"; |
||||
break; |
||||
case "bill_type_point_order": |
||||
return "assets/image/icon_integral_order.png"; |
||||
break; |
||||
case "bill_type_point_signin": |
||||
return "assets/image/icon_integral_sign.png"; |
||||
break; |
||||
} |
||||
return "assets/image/icon_integral_share.png"; |
||||
} |
||||
|
||||
Widget tashItem(Task task) { |
||||
return Container( |
||||
margin: EdgeInsets.only(top: 8.h, bottom: 8.h), |
||||
alignment: Alignment.center, |
||||
child: Row( |
||||
children: [ |
||||
Image.asset( |
||||
taskImg(task.type), |
||||
width: 24.w, |
||||
height: 24.h, |
||||
), |
||||
SizedBox( |
||||
width: 21.w, |
||||
), |
||||
Expanded( |
||||
flex: 1, |
||||
child: Column( |
||||
mainAxisAlignment: MainAxisAlignment.start, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Text( |
||||
task.name, |
||||
style: TextStyle( |
||||
fontSize: 14.sp, |
||||
fontWeight: MyFontWeight.regular, |
||||
color: Color(0xFF353535), |
||||
), |
||||
), |
||||
SizedBox( |
||||
height: 7.h, |
||||
), |
||||
Row( |
||||
children: [ |
||||
Text( |
||||
"+${double.tryParse(task.rewardValue).toInt()}", |
||||
style: TextStyle( |
||||
fontSize: 12.sp, |
||||
fontWeight: MyFontWeight.regular, |
||||
color: Color(0xFF727272), |
||||
), |
||||
), |
||||
SizedBox( |
||||
width: 20.w, |
||||
), |
||||
Text( |
||||
S.of(context).wancheng_( |
||||
"${task.complateNum ?? task.conplateNum}/${task.limitDay}"), |
||||
style: TextStyle( |
||||
fontSize: 12.sp, |
||||
fontWeight: MyFontWeight.regular, |
||||
color: Color(0xFF727272), |
||||
), |
||||
), |
||||
], |
||||
), |
||||
], |
||||
), |
||||
), |
||||
RoundButton( |
||||
text: task.limitDay == (task.complateNum ?? task.conplateNum) |
||||
? S.of(context).yiwancheng |
||||
: S.of(context).quwancheng, |
||||
textColor: Colors.white, |
||||
backgroup: task.limitDay == (task.complateNum ?? task.conplateNum) |
||||
? Color(0xFFA0A0A0) |
||||
: Color(0xFF32A060), |
||||
radius: 12.w, |
||||
fontSize: 14.sp, |
||||
fontWeight: FontWeight.bold, |
||||
padding: EdgeInsets.symmetric(vertical: 4.h, horizontal: 12.w), |
||||
), |
||||
], |
||||
), |
||||
); |
||||
} |
||||
} |
||||
@ -0,0 +1,132 @@
|
||||
import 'package:flutter/material.dart'; |
||||
import 'package:huixiang/generated/l10n.dart'; |
||||
import 'package:huixiang/retrofit/data/sign_info.dart'; |
||||
import 'package:huixiang/retrofit/data/user_info.dart'; |
||||
import 'package:huixiang/utils/font_weight.dart'; |
||||
import 'package:shared_preferences/shared_preferences.dart'; |
||||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||
|
||||
class IntegralVip extends StatefulWidget { |
||||
|
||||
final SignInfo signInfo; |
||||
final UserInfo userinfo; |
||||
final rankLevel; |
||||
|
||||
IntegralVip(this.rankLevel, this.signInfo, this.userinfo); |
||||
|
||||
@override |
||||
State<StatefulWidget> createState() { |
||||
return _IntegralVip(); |
||||
} |
||||
|
||||
} |
||||
|
||||
|
||||
class _IntegralVip extends State<IntegralVip> { |
||||
@override |
||||
Widget build(BuildContext context) { |
||||
return Container( |
||||
padding: EdgeInsets.symmetric(vertical: 16.h), |
||||
child: Row( |
||||
children: [ |
||||
Expanded( |
||||
flex: 1, |
||||
child: Column( |
||||
mainAxisAlignment: MainAxisAlignment.center, |
||||
crossAxisAlignment: CrossAxisAlignment.center, |
||||
children: [ |
||||
Text( |
||||
widget.signInfo != null ? "${widget.signInfo.point}" : "0", |
||||
style: TextStyle( |
||||
fontWeight: MyFontWeight.medium, |
||||
fontSize: 21.sp, |
||||
color: Colors.white, |
||||
), |
||||
), |
||||
SizedBox( |
||||
height: 6.h, |
||||
), |
||||
Text( |
||||
S.of(context).wodejifenzhi, |
||||
style: TextStyle( |
||||
fontSize: 12.sp, |
||||
fontWeight: MyFontWeight.regular, |
||||
color: Color(0xFFF2F2F2), |
||||
), |
||||
) |
||||
], |
||||
), |
||||
), |
||||
Container( |
||||
width: 2.w, |
||||
height: 32.h, |
||||
color: Color(0xFFFFFFFF), |
||||
), |
||||
Expanded( |
||||
flex: 1, |
||||
child: InkWell( |
||||
onTap: () { |
||||
SharedPreferences.getInstance().then((value) { |
||||
if (value.getString("token") != null && |
||||
value.getString("token") != "") { |
||||
Navigator.of(context) |
||||
.pushNamed('/router/mine_vip_level_page', arguments: { |
||||
"rankLevel": widget.rankLevel, |
||||
"createTime": |
||||
(widget.userinfo != null) ? "${widget.userinfo.createTime}" : "", |
||||
"points": (widget.userinfo != null) |
||||
? int.tryParse(widget.userinfo.points) |
||||
: 0, |
||||
}); |
||||
} |
||||
}); |
||||
}, |
||||
child: Column( |
||||
mainAxisAlignment: MainAxisAlignment.center, |
||||
crossAxisAlignment: CrossAxisAlignment.center, |
||||
children: [ |
||||
Text( |
||||
(widget.signInfo != null && widget.signInfo.rank != null) |
||||
? "${widget.signInfo.rank.rankName.replaceAll("会员", "")}" |
||||
: "", |
||||
style: TextStyle( |
||||
fontWeight: MyFontWeight.medium, |
||||
fontSize: 21.sp, |
||||
color: Colors.white, |
||||
), |
||||
), |
||||
SizedBox( |
||||
height: 6.h, |
||||
), |
||||
Row( |
||||
mainAxisAlignment: MainAxisAlignment.center, |
||||
crossAxisAlignment: CrossAxisAlignment.center, |
||||
children: [ |
||||
Text( |
||||
S.of(context).wodehuiyuandengji, |
||||
style: TextStyle( |
||||
fontSize: 12.sp, |
||||
fontWeight: MyFontWeight.regular, |
||||
color: Color(0xFFF2F2F2), |
||||
), |
||||
), |
||||
Icon( |
||||
Icons.keyboard_arrow_right, |
||||
color: Colors.white, |
||||
size: 15, |
||||
), |
||||
], |
||||
), |
||||
], |
||||
), |
||||
), |
||||
), |
||||
], |
||||
), |
||||
); |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
} |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,318 @@
|
||||
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 GlobalKey commentKey = GlobalKey(); |
||||
final GlobalKey inputKey = GlobalKey(); |
||||
final ScrollController scrollController = ScrollController(); |
||||
|
||||
@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) { |
||||
_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; |
||||
} |
||||
} 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(0xFFF7F7F7), |
||||
leadingColor: Colors.black, |
||||
title: activity != null |
||||
? activity.mainTitle |
||||
: article != null |
||||
? article.mainTitle |
||||
: "", |
||||
titleSize: 18.sp, |
||||
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), |
||||
|
||||
/// 富文本的内容 |
||||
WebContent(activity, article), |
||||
|
||||
/// 富文本的评论 |
||||
CommentList( |
||||
commentKey, |
||||
widget.arguments, |
||||
activity, |
||||
article, |
||||
isKeyBoardShow, |
||||
_reply, |
||||
_delCommentTips, |
||||
), |
||||
], |
||||
), |
||||
), |
||||
), |
||||
flex: 1, |
||||
), |
||||
|
||||
/// 富文本评论的输入框 |
||||
InputComment( |
||||
inputKey, |
||||
hintText, |
||||
activity, |
||||
article, |
||||
isKeyBoardShow, |
||||
commentFocus, |
||||
_toComment, |
||||
_queryMemberComment, |
||||
_queryInformationLikes, |
||||
), |
||||
], |
||||
), |
||||
), |
||||
); |
||||
} |
||||
|
||||
_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.setState(() {}); |
||||
} |
||||
} |
||||
|
||||
_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: 1000), |
||||
curve: Curves.easeIn); |
||||
} |
||||
|
||||
|
||||
} |
||||
@ -0,0 +1,422 @@
|
||||
import 'package:dio/dio.dart'; |
||||
import 'package:flutter/material.dart'; |
||||
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; |
||||
import 'package:huixiang/generated/l10n.dart'; |
||||
import 'package:flutter_screenutil/flutter_screenutil.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/member_comment_list.dart'; |
||||
import 'package:huixiang/retrofit/data/page.dart'; |
||||
import 'package:huixiang/retrofit/retrofit_api.dart'; |
||||
import 'package:huixiang/view_widget/comment_menu.dart'; |
||||
import 'package:huixiang/view_widget/custom_image.dart'; |
||||
import 'package:huixiang/view_widget/login_tips_dialog.dart'; |
||||
import 'package:like_button/like_button.dart'; |
||||
import 'package:shared_preferences/shared_preferences.dart'; |
||||
|
||||
class CommentList extends StatefulWidget { |
||||
final Map arguments; |
||||
final Activity activity; |
||||
final Article article; |
||||
final bool isKeyBoardShow; |
||||
final Function reply; |
||||
final Function delCommentTips; |
||||
|
||||
CommentList( |
||||
Key key, |
||||
this.arguments, |
||||
this.activity, |
||||
this.article, |
||||
this.isKeyBoardShow, |
||||
this.reply, |
||||
this.delCommentTips, |
||||
) : super(key: key); |
||||
|
||||
@override |
||||
State<StatefulWidget> createState() { |
||||
return _CommentList(); |
||||
} |
||||
} |
||||
|
||||
class _CommentList extends State<CommentList> { |
||||
int commentTotal = 0; |
||||
List<MemberCommentList> memberList = []; |
||||
ApiService apiService; |
||||
|
||||
//评论点赞 |
||||
queryCommentLike(String id) async { |
||||
SharedPreferences sharedPreferences = await SharedPreferences.getInstance(); |
||||
String token = sharedPreferences.getString("token"); |
||||
if (token == null || token == "") { |
||||
LoginTipsDialog().show(context); |
||||
return; |
||||
} |
||||
BaseData baseData = |
||||
await apiService.commentLike(id).catchError((onError) {}); |
||||
if (baseData != null && baseData.isSuccess) { |
||||
memberList.forEach((element) { |
||||
if (element.id == id) { |
||||
if (element.liked) { |
||||
element.likes -= 1; |
||||
element.liked = false; |
||||
} else { |
||||
element.likes += 1; |
||||
element.liked = true; |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
|
||||
@override |
||||
void initState() { |
||||
super.initState(); |
||||
queryMemberCommentList(); |
||||
} |
||||
|
||||
@override |
||||
Widget build(BuildContext context) { |
||||
return Column( |
||||
children: [ |
||||
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: [ |
||||
Container( |
||||
padding: EdgeInsets.all(16), |
||||
child: Row( |
||||
children: [ |
||||
Text( |
||||
S.of(context).pinglun_(commentTotal.toString()), |
||||
style: TextStyle( |
||||
fontSize: 16.sp, |
||||
fontWeight: FontWeight.bold, |
||||
color: Color(0xff1A1A1A), |
||||
), |
||||
), |
||||
SizedBox( |
||||
width: 16.w, |
||||
), |
||||
Text( |
||||
S.of(context).xihuan_( |
||||
"${widget.article?.likes ?? widget.activity?.likes ?? "0"}"), |
||||
style: TextStyle( |
||||
fontSize: 16.sp, |
||||
fontWeight: FontWeight.bold, |
||||
color: Color(0xff1A1A1A), |
||||
), |
||||
), |
||||
], |
||||
), |
||||
), |
||||
if (memberList != null && memberList.length > 0) |
||||
ListView.builder( |
||||
shrinkWrap: true, |
||||
physics: NeverScrollableScrollPhysics(), |
||||
itemCount: memberList != null ? memberList.length : 0, |
||||
scrollDirection: Axis.vertical, |
||||
itemBuilder: (context, position) { |
||||
return Material( |
||||
color: Colors.white, |
||||
child: InkWell( |
||||
onTap: () { |
||||
showPressMenu(memberList[position].createUser, |
||||
memberList[position]); |
||||
}, |
||||
child: commentItem( |
||||
memberList[position], position, memberList.length), |
||||
), |
||||
); |
||||
}, |
||||
), |
||||
if (memberList != null && memberList.length > 0) |
||||
Container( |
||||
height: 63.h, |
||||
decoration: BoxDecoration( |
||||
color: Color(0xFFF2F2F2), |
||||
boxShadow: [ |
||||
BoxShadow( |
||||
color: Colors.black.withAlpha(12), |
||||
offset: Offset(0, 2), |
||||
blurRadius: 14, |
||||
spreadRadius: 0, |
||||
), |
||||
], |
||||
), |
||||
alignment: Alignment.center, |
||||
child: Text( |
||||
S.of(context).yixiansquanbupinglun, |
||||
style: TextStyle( |
||||
fontSize: 14.sp, |
||||
color: Color(0xff353535), |
||||
), |
||||
), |
||||
), |
||||
if (memberList == null || memberList.length == 0) |
||||
Container( |
||||
width: double.infinity, |
||||
height: 80.h, |
||||
alignment: Alignment.center, |
||||
child: Text( |
||||
S.of(context).zanwupinglun, |
||||
style: TextStyle( |
||||
fontSize: 14.sp, |
||||
fontWeight: FontWeight.bold, |
||||
color: Color(0xFFA0A0A0), |
||||
), |
||||
), |
||||
), |
||||
], |
||||
), |
||||
), |
||||
SizedBox( |
||||
height: 12.h, |
||||
), |
||||
], |
||||
); |
||||
} |
||||
|
||||
//评论列表 |
||||
queryMemberCommentList() async { |
||||
SharedPreferences sharedPreferences = await SharedPreferences.getInstance(); |
||||
if (apiService == null) |
||||
apiService = ApiService(Dio(), |
||||
context: context, token: sharedPreferences.getString("token")); |
||||
BaseData<PageInfo<MemberCommentList>> baseData = |
||||
await apiService.memberCommentList({ |
||||
"pageNum": 1, |
||||
"pageSize": 100, |
||||
"relationalId": |
||||
widget.arguments["activityId"] ?? widget.arguments["articleId"], |
||||
"relationalType": 1, |
||||
}).catchError((error) {}); |
||||
if (baseData != null && baseData.isSuccess) { |
||||
commentTotal = baseData.data.size; |
||||
memberList = baseData.data.list; |
||||
setState(() {}); |
||||
} |
||||
} |
||||
|
||||
showPressMenu(String userId, memberComment) { |
||||
if (widget.isKeyBoardShow) { |
||||
FocusScope.of(context).requestFocus(FocusNode()); |
||||
return; |
||||
} |
||||
SharedPreferences.getInstance().then((value) { |
||||
// showModalBottomSheet( |
||||
// context: context, |
||||
// backgroundColor: Colors.transparent, |
||||
// builder: (context) { |
||||
// return CommentMenu( |
||||
// (type) { |
||||
// print("click: $type"); |
||||
// if (type == "huifu") { |
||||
// widget.reply(memberComment); |
||||
// } else if (type == "shanchu") { |
||||
// widget.delCommentTips(); |
||||
// } |
||||
// }, |
||||
// isSelf: userId == value.getString("userId"), |
||||
// ); |
||||
// }, |
||||
// ); |
||||
|
||||
SmartDialog.show( |
||||
widget: CommentMenu((type) { |
||||
SmartDialog.dismiss(); |
||||
if (type == "huifu") { |
||||
widget.reply(memberComment); |
||||
} else if (type == "shanchu") { |
||||
widget.delCommentTips(); |
||||
} |
||||
}, |
||||
isSelf: userId == value.getString("userId"), |
||||
), |
||||
alignmentTemp: Alignment.bottomCenter, |
||||
isUseAnimationTemp: true, |
||||
animationDurationTemp: Duration(milliseconds: 300), |
||||
); |
||||
}); |
||||
} |
||||
|
||||
Widget commentItem(MemberCommentList memberList, int index, int max) { |
||||
return Container( |
||||
padding: EdgeInsets.symmetric(vertical: 8.w), |
||||
child: Column( |
||||
children: [ |
||||
Container( |
||||
padding: EdgeInsets.symmetric(horizontal: 16.w), |
||||
child: Row( |
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
crossAxisAlignment: CrossAxisAlignment.center, |
||||
children: [ |
||||
MImage( |
||||
memberList.userAvatarUrl ?? "", |
||||
fit: BoxFit.cover, |
||||
isCircle: true, |
||||
width: 40, |
||||
height: 40, |
||||
fadeSrc: "assets/image/default_user.png", |
||||
errorSrc: "assets/image/default_user.png", |
||||
), |
||||
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: LikeButton( |
||||
padding: EdgeInsets.all(10), |
||||
circleSize: 16, |
||||
circleColor: CircleColor( |
||||
start: Color(0xff00ddff), |
||||
end: Color(0xff0099cc), |
||||
), |
||||
bubblesColor: BubblesColor( |
||||
dotPrimaryColor: Color(0xff33b5e5), |
||||
dotSecondaryColor: Color(0xff0099cc), |
||||
), |
||||
bubblesSize: 15, |
||||
likeBuilder: (bool isLiked) { |
||||
return isLiked |
||||
? Image.asset( |
||||
"assets/image/icon_like.png", |
||||
width: 16, |
||||
height: 16, |
||||
) |
||||
: Image.asset( |
||||
"assets/image/icon_like_h.png", |
||||
width: 16, |
||||
height: 16, |
||||
); |
||||
}, |
||||
isLiked: memberList.liked ?? false, |
||||
onTap: (isLiked) async { |
||||
await queryCommentLike(memberList.id); |
||||
return (memberList == null || memberList.liked == null) |
||||
? false |
||||
: memberList.liked; |
||||
}, |
||||
likeCount: memberList.likes, |
||||
countBuilder: (int count, bool isLiked, String text) { |
||||
return Text( |
||||
text, |
||||
style: TextStyle( |
||||
color: Color(0xFF1A1A1A), |
||||
fontSize: 12.sp, |
||||
), |
||||
); |
||||
}, |
||||
), |
||||
), |
||||
], |
||||
), |
||||
), |
||||
Container( |
||||
padding: EdgeInsets.only( |
||||
left: 68, |
||||
right: 16, |
||||
top: 16.h, |
||||
bottom: 16.h, |
||||
), |
||||
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( |
||||
margin: EdgeInsets.only(left: 68.w, right: 16.w), |
||||
decoration: 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( |
||||
mainAxisAlignment: MainAxisAlignment.center, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Text( |
||||
"${memberList.parentUserName}:" ?? "", |
||||
style: TextStyle( |
||||
fontSize: 12.sp, |
||||
color: Color(0xff808080), |
||||
), |
||||
), |
||||
Expanded( |
||||
flex: 1, |
||||
child: Text( |
||||
memberList.parentContent ?? "", |
||||
style: TextStyle( |
||||
fontSize: 12.sp, |
||||
color: Color(0xff808080), |
||||
), |
||||
), |
||||
), |
||||
], |
||||
), |
||||
), |
||||
), |
||||
], |
||||
), |
||||
); |
||||
} |
||||
} |
||||
@ -0,0 +1,178 @@
|
||||
import 'package:flutter/material.dart'; |
||||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||
import 'package:huixiang/generated/l10n.dart'; |
||||
import 'package:huixiang/retrofit/data/activity.dart'; |
||||
import 'package:huixiang/retrofit/data/article.dart'; |
||||
import 'package:like_button/like_button.dart'; |
||||
|
||||
class InputComment extends StatefulWidget { |
||||
final String hintText; |
||||
final Activity activity; |
||||
final Article article; |
||||
final bool isKeyBoardShow; |
||||
final FocusNode commentFocus; |
||||
final Function toComment; |
||||
final Function(String text) queryMemberComment; |
||||
final Function() queryInformationLikes; |
||||
|
||||
InputComment( |
||||
Key key, |
||||
this.hintText, |
||||
this.activity, |
||||
this.article, |
||||
this.isKeyBoardShow, |
||||
this.commentFocus, |
||||
this.toComment, |
||||
this.queryMemberComment, |
||||
this.queryInformationLikes, |
||||
) : super(key: key); |
||||
|
||||
@override |
||||
State<StatefulWidget> createState() { |
||||
return _InputComment(); |
||||
} |
||||
} |
||||
|
||||
class _InputComment extends State<InputComment> { |
||||
|
||||
var commentTextController = TextEditingController(); |
||||
|
||||
@override |
||||
Widget build(BuildContext context) { |
||||
return 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: BorderRadius.vertical( |
||||
top: Radius.circular(8), |
||||
), |
||||
), |
||||
child: Row( |
||||
children: [ |
||||
Expanded( |
||||
flex: 1, |
||||
child: Container( |
||||
decoration: BoxDecoration( |
||||
color: Color(0xffF2F2F2), |
||||
borderRadius: BorderRadius.circular(2.0), |
||||
), |
||||
child: Column( |
||||
children: [ |
||||
Container( |
||||
margin: EdgeInsets.symmetric(horizontal: 4.w), |
||||
alignment: Alignment.topLeft, |
||||
child: TextField( |
||||
maxLines: 8, |
||||
minLines: 1, |
||||
focusNode: widget.commentFocus, |
||||
controller: commentTextController, |
||||
decoration: InputDecoration( |
||||
border: InputBorder.none, |
||||
hintText: widget.hintText, |
||||
hintStyle: TextStyle( |
||||
fontSize: 14.sp, |
||||
color: Color(0xFF868686), |
||||
), |
||||
), |
||||
), |
||||
), |
||||
], |
||||
), |
||||
), |
||||
), |
||||
if (widget.isKeyBoardShow) |
||||
GestureDetector( |
||||
onTap: () { |
||||
var commentText = commentTextController.text; |
||||
if (commentText == "") { |
||||
return; |
||||
} |
||||
widget.queryMemberComment(commentText); |
||||
}, |
||||
child: Container( |
||||
padding: EdgeInsets.symmetric(horizontal: 20.w), |
||||
child: Text( |
||||
S.of(context).fasong, |
||||
style: TextStyle( |
||||
fontSize: 16.sp, |
||||
fontWeight: FontWeight.bold, |
||||
color: Color(0XFF1A1A1A), |
||||
), |
||||
), |
||||
), |
||||
), |
||||
if (!widget.isKeyBoardShow) |
||||
InkWell( |
||||
onTap: widget.toComment, |
||||
child: Container( |
||||
padding: EdgeInsets.only(left: 20.w, right: 10.w), |
||||
child: Image.asset( |
||||
"assets/image/icon_comment.png", |
||||
width: 24, |
||||
height: 24, |
||||
), |
||||
), |
||||
), |
||||
if (!widget.isKeyBoardShow) |
||||
LikeButton( |
||||
padding: EdgeInsets.all(10), |
||||
size: 24, |
||||
circleSize: 24, |
||||
circleColor: CircleColor( |
||||
start: Color(0xff00ddff), |
||||
end: Color(0xff0099cc), |
||||
), |
||||
bubblesColor: BubblesColor( |
||||
dotPrimaryColor: Color(0xff33b5e5), |
||||
dotSecondaryColor: Color(0xff0099cc), |
||||
), |
||||
bubblesSize: 24, |
||||
likeBuilder: (bool isLiked) { |
||||
return isLiked |
||||
? Image.asset( |
||||
"assets/image/icon_like.png", |
||||
width: 24, |
||||
height: 24, |
||||
) |
||||
: Image.asset( |
||||
"assets/image/icon_like_h.png", |
||||
width: 24, |
||||
height: 24, |
||||
); |
||||
}, |
||||
isLiked: (widget.activity != null |
||||
? widget.activity.liked |
||||
: widget.article != null |
||||
? widget.article.liked |
||||
: false), |
||||
onTap: (isLiked) async { |
||||
await widget.queryInformationLikes(); |
||||
return (widget.activity != null |
||||
? widget.activity.liked |
||||
: widget.article != null |
||||
? widget.article.liked |
||||
: false); |
||||
}, |
||||
countBuilder: (int count, bool isLiked, String text) { |
||||
return Text( |
||||
text, |
||||
style: TextStyle( |
||||
color: Color(0xFF1A1A1A), |
||||
fontSize: 12.sp, |
||||
), |
||||
); |
||||
}, |
||||
), |
||||
], |
||||
), |
||||
); |
||||
} |
||||
} |
||||
@ -0,0 +1,170 @@
|
||||
|
||||
|
||||
import 'package:chewie/chewie.dart'; |
||||
import 'package:flutter_html/flutter_html.dart'; |
||||
import 'package:flutter_html/image_render.dart'; |
||||
import 'package:chewie/src/chewie_progress_colors.dart' as chewie; |
||||
import 'package:flutter/material.dart'; |
||||
import 'package:flutter_html/src/replaced_element.dart'; |
||||
import 'package:huixiang/retrofit/data/activity.dart'; |
||||
import 'package:huixiang/retrofit/data/article.dart'; |
||||
import 'package:video_player/video_player.dart'; |
||||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||
|
||||
class WebContent extends StatefulWidget { |
||||
|
||||
final Activity activity; |
||||
final Article article; |
||||
|
||||
WebContent(this.activity, this.article); |
||||
|
||||
@override |
||||
State<StatefulWidget> createState() { |
||||
return _WebContent(); |
||||
} |
||||
|
||||
} |
||||
|
||||
class _WebContent extends State<WebContent> { |
||||
@override |
||||
Widget build(BuildContext context) { |
||||
return Html( |
||||
data: widget.activity != null |
||||
? widget.activity.content |
||||
: widget.article != null |
||||
? widget.article.content |
||||
: "", |
||||
customImageRenders: { |
||||
base64DataUriMatcher(): base64ImageRender(), |
||||
assetUriMatcher(): assetImageRender(), |
||||
networkSourceMatcher(extension: "svg"): |
||||
svgNetworkImageRender(), |
||||
networkSourceMatcher(): networkImageRender( |
||||
loadingWidget: () { |
||||
return Container(); |
||||
}, |
||||
), |
||||
}, |
||||
customRender: { |
||||
"video": |
||||
(context, parsedChild, attributes, element) { |
||||
var src = attributes['src']; |
||||
return videoWidget( |
||||
double.tryParse(attributes['width'] ?? ""), |
||||
double.tryParse( |
||||
element.attributes['height'] ?? ""), |
||||
(src != null && |
||||
src != "" && |
||||
src.endsWith(".mp4")) |
||||
? src |
||||
: element |
||||
.children.first.attributes["src"], |
||||
element.attributes["sandbox"]); |
||||
}, |
||||
"iframe": |
||||
(context, parsedChild, attributes, element) { |
||||
var src = attributes['src']; |
||||
return videoWidget( |
||||
double.tryParse(attributes['width'] ?? ""), |
||||
double.tryParse( |
||||
element.attributes['height'] ?? ""), |
||||
(src != null && |
||||
src != "" && |
||||
src.endsWith(".mp4")) |
||||
? src |
||||
: 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, |
||||
); |
||||
}, |
||||
}, |
||||
); |
||||
} |
||||
|
||||
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: false, |
||||
//自动播放 |
||||
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, |
||||
), |
||||
), |
||||
); |
||||
} |
||||
|
||||
@override |
||||
void dispose() { |
||||
|
||||
if (chewieAudioController != null) { |
||||
chewieAudioController.pause(); |
||||
chewieAudioController.dispose(); |
||||
chewieAudioController = null; |
||||
} |
||||
|
||||
if (videoPlayerController != null) { |
||||
videoPlayerController.pause(); |
||||
videoPlayerController.dispose(); |
||||
} |
||||
|
||||
super.dispose(); |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,100 @@
|
||||
|
||||
import 'package:flutter/material.dart'; |
||||
import 'package:huixiang/retrofit/data/activity.dart'; |
||||
import 'package:huixiang/retrofit/data/article.dart'; |
||||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||
|
||||
class WebHeader extends StatefulWidget { |
||||
|
||||
final Map arguments; |
||||
final Activity activity; |
||||
final Article article; |
||||
|
||||
WebHeader(this.arguments, this.activity, this.article); |
||||
|
||||
@override |
||||
State<StatefulWidget> createState() { |
||||
return _WebHeader(); |
||||
} |
||||
|
||||
} |
||||
|
||||
class _WebHeader extends State<WebHeader> { |
||||
@override |
||||
Widget build(BuildContext context) { |
||||
return Column( |
||||
children: [ |
||||
Container( |
||||
color: Color(0xFFF7F7F7), |
||||
padding: EdgeInsets.all(12), |
||||
alignment: Alignment.centerLeft, |
||||
child: Text( |
||||
widget.activity != null |
||||
? widget.activity.mainTitle |
||||
: widget.article != null |
||||
? widget.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( |
||||
"${widget.activity != null ? (widget.activity.storeName ?? "") : (widget.article != null && widget.article.author != null) ? (widget.article.author.name ?? "") : ""}", |
||||
style: TextStyle( |
||||
fontWeight: FontWeight.normal, |
||||
fontSize: 14.sp, |
||||
color: Colors.blue, |
||||
), |
||||
), |
||||
onTap: () { |
||||
if (widget.activity != null) { |
||||
if (widget.arguments["source"] != null && |
||||
widget.arguments["source"] == |
||||
widget.activity.storeId) { |
||||
Navigator.of(context).pop(); |
||||
} else { |
||||
Navigator.of(context).pushNamed( |
||||
'/router/union_detail_page', |
||||
arguments: { |
||||
"id": widget.activity.storeId, |
||||
"source": |
||||
widget.arguments["activityId"] |
||||
}); |
||||
} |
||||
} |
||||
}, |
||||
), |
||||
SizedBox( |
||||
width: 10.w, |
||||
), |
||||
Text( |
||||
widget.activity != null |
||||
? widget.activity.createTime |
||||
: widget.article != null |
||||
? widget.article.createTime |
||||
: "", |
||||
style: TextStyle( |
||||
fontWeight: FontWeight.normal, |
||||
fontSize: 12.sp, |
||||
color: Colors.grey, |
||||
), |
||||
), |
||||
], |
||||
), |
||||
), |
||||
], |
||||
); |
||||
} |
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
Loading…
Reference in new issue