20 changed files with 1619 additions and 430 deletions
@ -0,0 +1,376 @@ |
|||||||
|
import 'package:dio/dio.dart'; |
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; |
||||||
|
import 'package:huixiang/community/community_view/community_comment.dart'; |
||||||
|
import 'package:huixiang/community/community_view/community_dynamic.dart'; |
||||||
|
import 'package:huixiang/generated/l10n.dart'; |
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||||
|
import 'package:huixiang/retrofit/data/base_data.dart'; |
||||||
|
import 'package:huixiang/retrofit/data/member_comment_list.dart'; |
||||||
|
import 'package:huixiang/retrofit/retrofit_api.dart'; |
||||||
|
import 'package:huixiang/utils/font_weight.dart'; |
||||||
|
import 'package:huixiang/view_widget/comment_menu.dart'; |
||||||
|
import 'package:huixiang/view_widget/login_tips_dialog.dart'; |
||||||
|
import 'package:huixiang/view_widget/tips_dialog.dart'; |
||||||
|
import 'package:huixiang/web/web_view/input_comment.dart'; |
||||||
|
import 'package:shared_preferences/shared_preferences.dart'; |
||||||
|
|
||||||
|
class CommunityDetails extends StatefulWidget { |
||||||
|
@override |
||||||
|
State<StatefulWidget> createState() { |
||||||
|
return _CommunityDetails(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class _CommunityDetails extends State<CommunityDetails> { |
||||||
|
double height = 0; |
||||||
|
double commentHeight = 60.h; |
||||||
|
|
||||||
|
List<MemberCommentList> memberList = []; |
||||||
|
ApiService apiService; |
||||||
|
var commentFocus = FocusNode(); |
||||||
|
|
||||||
|
String hintText = S.current.liuxianinjingcaidepinglunba; |
||||||
|
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 initState() { |
||||||
|
super.initState(); |
||||||
|
|
||||||
|
SharedPreferences.getInstance().then((value) { |
||||||
|
apiService = ApiService( |
||||||
|
Dio(), |
||||||
|
context: context, |
||||||
|
token: value.getString("token"), |
||||||
|
); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Column( |
||||||
|
children: [ |
||||||
|
Expanded( |
||||||
|
child: NestedScrollView( |
||||||
|
headerSliverBuilder: (context, position) { |
||||||
|
return [ |
||||||
|
SliverOverlapAbsorber( |
||||||
|
handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context), |
||||||
|
sliver: SliverAppBar( |
||||||
|
expandedHeight: (height == 0) ? 614 : height, |
||||||
|
pinned: true, |
||||||
|
backgroundColor: Colors.white, |
||||||
|
title: Text( |
||||||
|
"动态详情", |
||||||
|
style: TextStyle( |
||||||
|
color: Colors.black, |
||||||
|
fontSize: 18.sp, |
||||||
|
fontWeight: MyFontWeight.semi_bold, |
||||||
|
), |
||||||
|
), |
||||||
|
elevation: 0, |
||||||
|
leading: GestureDetector( |
||||||
|
onTap: () { |
||||||
|
Navigator.of(context).pop(); |
||||||
|
}, |
||||||
|
child: Container( |
||||||
|
alignment: Alignment.centerRight, |
||||||
|
margin: EdgeInsets.only(left: 10), |
||||||
|
padding: EdgeInsets.all(6), |
||||||
|
child: Icon( |
||||||
|
Icons.arrow_back_ios, |
||||||
|
color: Colors.black, |
||||||
|
size: 24, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
flexibleSpace: FlexibleSpaceBar( |
||||||
|
//Colors.white, |
||||||
|
background: Container( |
||||||
|
padding: EdgeInsets.only( |
||||||
|
top: MediaQuery.of(context).padding.top + |
||||||
|
kToolbarHeight, |
||||||
|
), |
||||||
|
color: Colors.white, |
||||||
|
child: CommunityDynamic( |
||||||
|
itemCount: 3, |
||||||
|
isDetails: true, |
||||||
|
heightFun: (height) { |
||||||
|
this.height = height + |
||||||
|
MediaQuery.of(context).padding.top + |
||||||
|
kToolbarHeight + |
||||||
|
68; |
||||||
|
setState(() {}); |
||||||
|
}, |
||||||
|
), |
||||||
|
), |
||||||
|
collapseMode: CollapseMode.pin, |
||||||
|
), |
||||||
|
bottom: PreferredSize( |
||||||
|
preferredSize: Size( |
||||||
|
MediaQuery.of(context).size.width, |
||||||
|
46, |
||||||
|
), |
||||||
|
child: Container( |
||||||
|
padding: EdgeInsets.all(16), |
||||||
|
margin: EdgeInsets.only(top: 16.h), |
||||||
|
color: Colors.white, |
||||||
|
child: Row( |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
S.of(context).pinglun_("1"), |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 14, |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
color: Color(0xff1A1A1A), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
width: 16.w, |
||||||
|
), |
||||||
|
Text( |
||||||
|
S.of(context).xihuan_("0"), |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 14, |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
color: Color(0xff1A1A1A), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
]; |
||||||
|
}, |
||||||
|
body: Container( |
||||||
|
height: MediaQuery.of(context).size.height - |
||||||
|
MediaQuery.of(context).padding.top + |
||||||
|
kToolbarHeight - |
||||||
|
68, |
||||||
|
margin: EdgeInsets.only(top: 68 + 50 + kToolbarHeight), |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
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: CommunityComment( |
||||||
|
memberList[position], |
||||||
|
_queryCommentLike, |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
}, |
||||||
|
), |
||||||
|
if (memberList != null && memberList.length > 0) |
||||||
|
Container( |
||||||
|
height: commentHeight, |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Color(0xFFF2F2F2), |
||||||
|
boxShadow: [ |
||||||
|
BoxShadow( |
||||||
|
color: Colors.black.withAlpha(12), |
||||||
|
offset: Offset(0, 2), |
||||||
|
blurRadius: 14, |
||||||
|
spreadRadius: 0, |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
alignment: Alignment.topCenter, |
||||||
|
padding: EdgeInsets.only(top: 22.h), |
||||||
|
child: Text( |
||||||
|
S.of(context).yixiansquanbupinglun, |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 12, |
||||||
|
color: Color(0xff353535), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
if (memberList == null || memberList.length == 0) |
||||||
|
Container( |
||||||
|
width: double.infinity, |
||||||
|
alignment: Alignment.topCenter, |
||||||
|
padding: EdgeInsets.all(22.h), |
||||||
|
child: Text( |
||||||
|
S.of(context).zanwupinglun, |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 12, |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
color: Color(0xFFA0A0A0), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
flex: 1, |
||||||
|
), |
||||||
|
|
||||||
|
/// 富文本评论的输入框 |
||||||
|
InputComment( |
||||||
|
inputKey, |
||||||
|
hintText, |
||||||
|
isKeyBoardShow, |
||||||
|
commentFocus, |
||||||
|
commentTextController, |
||||||
|
_toComment, |
||||||
|
_queryMemberComment, |
||||||
|
_queryInformationLikes, |
||||||
|
), |
||||||
|
], |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
//给文章/活动点赞 |
||||||
|
_queryInformationLikes() async { |
||||||
|
BaseData baseData = await apiService.informationLikes(""); |
||||||
|
if (baseData != null && baseData.isSuccess) { |
||||||
|
// commentKey.currentState.setState(() {}); |
||||||
|
} else { |
||||||
|
SmartDialog.showToast(baseData.msg, alignment: Alignment.center); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//发布评论 |
||||||
|
_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(); |
||||||
|
// } |
||||||
|
} |
||||||
|
|
||||||
|
///滑动到评论列表 |
||||||
|
_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); |
||||||
|
} |
||||||
|
|
||||||
|
final GlobalKey inputKey = GlobalKey(); |
||||||
|
final TextEditingController commentTextController = TextEditingController(); |
||||||
|
|
||||||
|
contentHeight() { |
||||||
|
double contentHeight = MediaQuery.of(context).size.height - |
||||||
|
kToolbarHeight - |
||||||
|
MediaQuery.of(context).padding.top - |
||||||
|
160.h; |
||||||
|
if ((contentHeight - 60.h) > (128.h * memberList.length)) { |
||||||
|
commentHeight = contentHeight - (128.h * memberList.length); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
showPressMenu(String userId, memberComment) { |
||||||
|
if (isKeyBoardShow) { |
||||||
|
FocusScope.of(context).requestFocus(FocusNode()); |
||||||
|
return; |
||||||
|
} |
||||||
|
SharedPreferences.getInstance().then((value) { |
||||||
|
SmartDialog.show( |
||||||
|
widget: CommentMenu( |
||||||
|
(type) { |
||||||
|
SmartDialog.dismiss(); |
||||||
|
if (type == "huifu") { |
||||||
|
_reply(memberComment); |
||||||
|
} else if (type == "shanchu") { |
||||||
|
_delCommentTips(); |
||||||
|
} |
||||||
|
}, |
||||||
|
isSelf: userId == value.getString("userId"), |
||||||
|
), |
||||||
|
alignmentTemp: Alignment.bottomCenter, |
||||||
|
isUseAnimationTemp: true, |
||||||
|
animationDurationTemp: Duration(milliseconds: 300), |
||||||
|
); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
///删除评论的提示 |
||||||
|
_delCommentTips() { |
||||||
|
SmartDialog.show(widget: Tips(() { |
||||||
|
delComment(); |
||||||
|
})); |
||||||
|
} |
||||||
|
|
||||||
|
///删除评论 |
||||||
|
delComment() async { |
||||||
|
BaseData baseData = await apiService.delComment(""); |
||||||
|
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}"); |
||||||
|
} |
||||||
|
|
||||||
|
//评论点赞 |
||||||
|
_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((error) {}); |
||||||
|
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; |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,201 @@ |
|||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:huixiang/generated/l10n.dart'; |
||||||
|
import 'package:huixiang/retrofit/data/base_data.dart'; |
||||||
|
import 'package:huixiang/retrofit/data/member_comment_list.dart'; |
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.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 CommunityComment extends StatefulWidget { |
||||||
|
|
||||||
|
MemberCommentList memberList; |
||||||
|
Function(String id) queryCommentLike; |
||||||
|
CommunityComment(this.memberList, this.queryCommentLike); |
||||||
|
|
||||||
|
@override |
||||||
|
State<StatefulWidget> createState() { |
||||||
|
return _CommunityComment(); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
class _CommunityComment extends State<CommunityComment> { |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
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( |
||||||
|
widget.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: widget.memberList.username, |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
fontSize: 12, |
||||||
|
color: Colors.black, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
textDirection: TextDirection.ltr, |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 3.h, |
||||||
|
), |
||||||
|
Text( |
||||||
|
widget.memberList.createTime, |
||||||
|
overflow: TextOverflow.ellipsis, |
||||||
|
maxLines: 2, |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 14, |
||||||
|
color: Color(0xff808080), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
flex: 1, |
||||||
|
), |
||||||
|
Tooltip( |
||||||
|
message: S.of(context).dianzanxihuan_(S.of(context).pinglun), |
||||||
|
child: 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: widget.memberList.liked ?? false, |
||||||
|
onTap: (isLiked) async { |
||||||
|
widget.queryCommentLike(widget.memberList.id); |
||||||
|
return (widget.memberList == null || widget.memberList.liked == null) |
||||||
|
? false |
||||||
|
: widget.memberList.liked; |
||||||
|
}, |
||||||
|
likeCount: widget.memberList.likes, |
||||||
|
countBuilder: (int count, bool isLiked, String text) { |
||||||
|
return Text( |
||||||
|
text, |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFF1A1A1A), |
||||||
|
fontSize: 14, |
||||||
|
), |
||||||
|
); |
||||||
|
}, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
Container( |
||||||
|
padding: EdgeInsets.only( |
||||||
|
left: 68.w, |
||||||
|
right: 16.w, |
||||||
|
top: 16.h, |
||||||
|
bottom: 16.h, |
||||||
|
), |
||||||
|
child: Align( |
||||||
|
alignment: Alignment.centerLeft, |
||||||
|
child: Text( |
||||||
|
widget.memberList.content, |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 12, |
||||||
|
color: Color(0xff1A1A1A), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 12.h, |
||||||
|
), |
||||||
|
if (widget.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( |
||||||
|
"${widget.memberList.parentUserName}:" ?? "", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 14, |
||||||
|
color: Color(0xff808080), |
||||||
|
), |
||||||
|
), |
||||||
|
Expanded( |
||||||
|
flex: 1, |
||||||
|
child: Text( |
||||||
|
widget.memberList.parentContent ?? "", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 14, |
||||||
|
color: Color(0xff808080), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,213 @@ |
|||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_svg/flutter_svg.dart'; |
||||||
|
import 'package:huixiang/utils/font_weight.dart'; |
||||||
|
import 'package:huixiang/view_widget/icon_text.dart'; |
||||||
|
import 'package:huixiang/view_widget/round_button.dart'; |
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||||
|
|
||||||
|
class CommunityDynamic extends StatefulWidget { |
||||||
|
|
||||||
|
final int itemCount; |
||||||
|
final Function(double height) heightFun; |
||||||
|
final bool isDetails ; |
||||||
|
|
||||||
|
CommunityDynamic({ |
||||||
|
Key key, |
||||||
|
this.itemCount = 9, |
||||||
|
this.heightFun, |
||||||
|
this.isDetails = false, |
||||||
|
}) : super(key: key); |
||||||
|
|
||||||
|
@override |
||||||
|
State<StatefulWidget> createState() { |
||||||
|
return _CommunityDynamic(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class _CommunityDynamic extends State<CommunityDynamic> { |
||||||
|
|
||||||
|
GlobalKey globalKey = GlobalKey(); |
||||||
|
double height = 0; |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Column( |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
alignment: Alignment.topCenter, |
||||||
|
padding: EdgeInsets.all(16), |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Colors.white, |
||||||
|
boxShadow: [ |
||||||
|
BoxShadow( |
||||||
|
color: Color(0x08000000), |
||||||
|
offset: Offset(0, 1), |
||||||
|
blurRadius: 8, |
||||||
|
spreadRadius: 0, |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
child: Column( |
||||||
|
key: globalKey, |
||||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
mainAxisSize: MainAxisSize.min, |
||||||
|
children: [ |
||||||
|
Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
height: 44, |
||||||
|
child: Row( |
||||||
|
children: [ |
||||||
|
ClipRRect( |
||||||
|
child: Image.asset( |
||||||
|
"assets/image/default_user.png", |
||||||
|
width: 44, |
||||||
|
height: 44, |
||||||
|
), |
||||||
|
borderRadius: BorderRadius.circular(22), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
width: 8, |
||||||
|
), |
||||||
|
Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"百花谷", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
color: Color(0xFF1A1A1A), |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"2021.04.12", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 12.sp, |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
color: Color(0xFF808080), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
RoundButton( |
||||||
|
padding: EdgeInsets.symmetric( |
||||||
|
horizontal: 8, |
||||||
|
vertical: 3, |
||||||
|
), |
||||||
|
backgroup: Color(0xFF32A060), |
||||||
|
textColor: Colors.white, |
||||||
|
text: "关注", |
||||||
|
radius: 20, |
||||||
|
icons: SvgPicture.asset( |
||||||
|
"assets/svg/shequ_fabu.svg", |
||||||
|
fit: BoxFit.contain, |
||||||
|
color: Colors.white, |
||||||
|
width: 14, |
||||||
|
height: 14, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 12.h, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"文本，是指书面语言的表现形式，从文学角度说，通常是具有完整、系统含义（Message）的一个句子或多个句子的组说，通常是具有完整、系统含义（Message）的一个句子或多个句子的组或多个句子的组说。", |
||||||
|
maxLines: 5, |
||||||
|
overflow: TextOverflow.ellipsis, |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFF1A1A1A), |
||||||
|
fontWeight: MyFontWeight.regular, |
||||||
|
fontSize: 14.sp, |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 16.h, |
||||||
|
), |
||||||
|
if (widget.itemCount == 1) |
||||||
|
Container( |
||||||
|
width: MediaQuery.of(context).size.width / 2, |
||||||
|
height: MediaQuery.of(context).size.width, |
||||||
|
color: Colors.blue.withAlpha(123), |
||||||
|
) |
||||||
|
else |
||||||
|
GridView.builder( |
||||||
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( |
||||||
|
crossAxisCount: |
||||||
|
(widget.itemCount == 2 || widget.itemCount == 4) ? 2 : 3, |
||||||
|
crossAxisSpacing: 12.w, |
||||||
|
mainAxisSpacing: 12.w, |
||||||
|
childAspectRatio: 1, |
||||||
|
), |
||||||
|
padding: EdgeInsets.zero, |
||||||
|
shrinkWrap: true, |
||||||
|
physics: NeverScrollableScrollPhysics(), |
||||||
|
itemBuilder: (context, position) { |
||||||
|
return Container( |
||||||
|
color: Colors.blue.withAlpha(123), |
||||||
|
); |
||||||
|
}, |
||||||
|
itemCount: widget.itemCount, |
||||||
|
), |
||||||
|
if (!widget.isDetails) |
||||||
|
SizedBox( |
||||||
|
height: 12.h, |
||||||
|
), |
||||||
|
if (!widget.isDetails) |
||||||
|
Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
IconText( |
||||||
|
"58", |
||||||
|
space: 4.w, |
||||||
|
leftImage: "assets/svg/liulanliang.svg", |
||||||
|
iconSize: 16, |
||||||
|
), |
||||||
|
IconText( |
||||||
|
"58", |
||||||
|
space: 4.w, |
||||||
|
leftImage: "assets/svg/pinglun.svg", |
||||||
|
iconSize: 16, |
||||||
|
), |
||||||
|
IconText( |
||||||
|
"58", |
||||||
|
space: 4.w, |
||||||
|
leftImage: "assets/svg/xihuan.svg", |
||||||
|
iconSize: 16, |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
Container( |
||||||
|
height: 16, |
||||||
|
color: Color(0xFFF7F7F7), |
||||||
|
) |
||||||
|
], |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
@override |
||||||
|
void didChangeDependencies() { |
||||||
|
WidgetsBinding.instance.addPostFrameCallback(_getContainerHeight); |
||||||
|
super.didChangeDependencies(); |
||||||
|
} |
||||||
|
|
||||||
|
_getContainerHeight(_) { |
||||||
|
height = globalKey.currentContext.size.height; |
||||||
|
widget.heightFun(height); |
||||||
|
print("height: $height"); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,408 @@ |
|||||||
|
import 'dart:io'; |
||||||
|
import 'package:dio/dio.dart'; |
||||||
|
import 'package:flutter/cupertino.dart'; |
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_easyloading/flutter_easyloading.dart'; |
||||||
|
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; |
||||||
|
import 'package:flutter_svg/flutter_svg.dart'; |
||||||
|
import 'package:huixiang/generated/l10n.dart'; |
||||||
|
import 'package:huixiang/retrofit/data/base_data.dart'; |
||||||
|
import 'package:huixiang/retrofit/data/upload_result.dart'; |
||||||
|
import 'package:huixiang/retrofit/retrofit_api.dart'; |
||||||
|
import 'package:huixiang/utils/font_weight.dart'; |
||||||
|
import 'package:huixiang/view_widget/my_appbar.dart'; |
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||||
|
import 'package:image_pickers/image_pickers.dart'; |
||||||
|
import 'package:shared_preferences/shared_preferences.dart'; |
||||||
|
|
||||||
|
class ReleaseDynamic extends StatefulWidget { |
||||||
|
@override |
||||||
|
State<StatefulWidget> createState() { |
||||||
|
return _ReleaseDynamic(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class _ReleaseDynamic extends State<ReleaseDynamic> { |
||||||
|
int selectCount = 9; |
||||||
|
List<Medias> mediaPaths = []; |
||||||
|
bool isRelease = false; |
||||||
|
int dynamicType = 0; |
||||||
|
TextEditingController textEditingController = TextEditingController(); |
||||||
|
ApiService apiService; |
||||||
|
|
||||||
|
@override |
||||||
|
void initState() { |
||||||
|
super.initState(); |
||||||
|
|
||||||
|
SharedPreferences.getInstance().then((value) { |
||||||
|
apiService = ApiService( |
||||||
|
Dio(), |
||||||
|
context: context, |
||||||
|
token: value.getString("token"), |
||||||
|
showLoading: false, |
||||||
|
); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Scaffold( |
||||||
|
appBar: MyAppBar( |
||||||
|
title: "写动态", |
||||||
|
titleColor: Colors.black, |
||||||
|
leadingColor: Colors.black, |
||||||
|
background: Colors.white, |
||||||
|
action: Container( |
||||||
|
alignment: Alignment.center, |
||||||
|
child: Container( |
||||||
|
width: 46.w, |
||||||
|
height: 24.h, |
||||||
|
alignment: Alignment.center, |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: isRelease ? Color(0xFF32A060) : Color(0xFFD8D8D8), |
||||||
|
borderRadius: BorderRadius.circular(4), |
||||||
|
), |
||||||
|
child: Text( |
||||||
|
"发布", |
||||||
|
style: TextStyle( |
||||||
|
color: isRelease ? Colors.white : Color(0xFFA0A0A0), |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight: MyFontWeight.semi_bold, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
onTap: () { |
||||||
|
if (!isRelease) { |
||||||
|
SmartDialog.showToast("请输入您此刻的想法！～"); |
||||||
|
return; |
||||||
|
} |
||||||
|
releaseDynamic(); |
||||||
|
}, |
||||||
|
), |
||||||
|
body: Container( |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
buildEdit(), |
||||||
|
GridView.builder( |
||||||
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( |
||||||
|
crossAxisCount: 3, |
||||||
|
crossAxisSpacing: 12.w, |
||||||
|
mainAxisSpacing: 12.w, |
||||||
|
childAspectRatio: 1, |
||||||
|
), |
||||||
|
padding: EdgeInsets.all(16), |
||||||
|
shrinkWrap: true, |
||||||
|
physics: NeverScrollableScrollPhysics(), |
||||||
|
itemBuilder: (context, position) { |
||||||
|
if (mediaPaths.length > position) { |
||||||
|
return imageItem(mediaPaths[position]); |
||||||
|
} else { |
||||||
|
return addImageItem(); |
||||||
|
} |
||||||
|
}, |
||||||
|
itemCount: (mediaPaths.length == 0) |
||||||
|
? 1 |
||||||
|
: ((dynamicType == 2) |
||||||
|
? 1 |
||||||
|
: mediaPaths.length >= 9 |
||||||
|
? 9 |
||||||
|
: (mediaPaths.length + 1)), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
releaseDynamic() async { |
||||||
|
String dynamicText = textEditingController.text; |
||||||
|
if (dynamicText == null || dynamicText == "") { |
||||||
|
SmartDialog.showToast("请输入您此刻的想法！～"); |
||||||
|
return; |
||||||
|
} |
||||||
|
EasyLoading.show(status: S.of(context).zhengzaijiazai); |
||||||
|
|
||||||
|
fileUpload().then((value) async { |
||||||
|
String subjectType = "text"; |
||||||
|
if (dynamicType == 0) { |
||||||
|
subjectType = "text"; |
||||||
|
} else if (dynamicType == 1) { |
||||||
|
subjectType = "image"; |
||||||
|
} else if (dynamicType == 2) { |
||||||
|
subjectType = "video"; |
||||||
|
} |
||||||
|
|
||||||
|
List<String> remoteImageUrls = []; |
||||||
|
String remoteVideoUrl = ""; |
||||||
|
if (mediaPaths.length > 0) { |
||||||
|
if (dynamicType == 1) { |
||||||
|
remoteImageUrls = mediaPaths.map((e) => e.remotePath).toList(); |
||||||
|
} else if (dynamicType == 2) { |
||||||
|
remoteVideoUrl = mediaPaths[0].remotePath; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
BaseData<String> baseData = await apiService.trend({ |
||||||
|
"images": remoteImageUrls, |
||||||
|
"subject": dynamicText, |
||||||
|
"subjectType": subjectType, |
||||||
|
"video": remoteVideoUrl, |
||||||
|
}).catchError((onError) { |
||||||
|
EasyLoading.dismiss(); |
||||||
|
}); |
||||||
|
if (baseData.isSuccess) {} |
||||||
|
EasyLoading.dismiss(); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
///文件上传 |
||||||
|
Future<void> fileUpload() async { |
||||||
|
if (mediaPaths != null && mediaPaths.length > 0) { |
||||||
|
await Future.forEach(mediaPaths, (element) async { |
||||||
|
if ((element.remotePath == null || element.remotePath == "") && |
||||||
|
(element != null && |
||||||
|
element.path != null && |
||||||
|
element.path != "" && |
||||||
|
await File(element.path).exists())) { |
||||||
|
BaseData<UploadResult> baseData = await apiService.upload( |
||||||
|
File(element.path), |
||||||
|
123123123, |
||||||
|
); |
||||||
|
if (baseData != null && baseData.isSuccess) { |
||||||
|
UploadResult uploadResult = baseData.data; |
||||||
|
mediaPaths[mediaPaths.indexOf(element)].remotePath = uploadResult.url; |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
Widget imageItem(Medias media) { |
||||||
|
return InkWell( |
||||||
|
onTap: () { |
||||||
|
showDeletePicker(media); |
||||||
|
}, |
||||||
|
child: Container( |
||||||
|
decoration: BoxDecoration( |
||||||
|
borderRadius: BorderRadius.circular(4), |
||||||
|
), |
||||||
|
alignment: Alignment.center, |
||||||
|
child: ClipRRect( |
||||||
|
borderRadius: BorderRadius.circular(4), |
||||||
|
child: Image.file( |
||||||
|
File(media.galleryMode == GalleryMode.video |
||||||
|
? media.thumbPath |
||||||
|
: media.path), |
||||||
|
fit: BoxFit.cover, |
||||||
|
width: double.infinity, |
||||||
|
height: double.infinity, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
///显示图片选择方式 |
||||||
|
showImagePicker() { |
||||||
|
if (dynamicType == 1) { |
||||||
|
getImageOrVideo(GalleryMode.image); |
||||||
|
return; |
||||||
|
} |
||||||
|
showCupertinoModalPopup( |
||||||
|
context: context, |
||||||
|
builder: (context) { |
||||||
|
return CupertinoActionSheet( |
||||||
|
title: Text("选择媒体文件"), |
||||||
|
actions: [ |
||||||
|
CupertinoActionSheetAction( |
||||||
|
child: Text("照片"), |
||||||
|
onPressed: () { |
||||||
|
getImageOrVideo(GalleryMode.image); |
||||||
|
Navigator.of(context).pop(); |
||||||
|
}, |
||||||
|
isDefaultAction: true, |
||||||
|
isDestructiveAction: false, |
||||||
|
), |
||||||
|
CupertinoActionSheetAction( |
||||||
|
child: Text("视频"), |
||||||
|
onPressed: () { |
||||||
|
getImageOrVideo(GalleryMode.video); |
||||||
|
Navigator.of(context).pop(); |
||||||
|
}, |
||||||
|
isDefaultAction: true, |
||||||
|
isDestructiveAction: false, |
||||||
|
), |
||||||
|
], |
||||||
|
cancelButton: CupertinoActionSheetAction( |
||||||
|
onPressed: () { |
||||||
|
Navigator.of(context).pop(); |
||||||
|
}, |
||||||
|
child: Text(S.of(context).quxiao), |
||||||
|
isDestructiveAction: true, |
||||||
|
), |
||||||
|
); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
///显示图片选择方式 |
||||||
|
showDeletePicker(Medias media) { |
||||||
|
showCupertinoModalPopup( |
||||||
|
context: context, |
||||||
|
builder: (context) { |
||||||
|
return CupertinoActionSheet( |
||||||
|
title: Text("动态"), |
||||||
|
actions: [ |
||||||
|
CupertinoActionSheetAction( |
||||||
|
child: Text("删除"), |
||||||
|
onPressed: () { |
||||||
|
mediaPaths.remove(media); |
||||||
|
if (mediaPaths.length == 0) { |
||||||
|
dynamicType = 0; |
||||||
|
} |
||||||
|
selectCount = 9 - mediaPaths.length; |
||||||
|
Navigator.of(context).pop(); |
||||||
|
setState(() {}); |
||||||
|
}, |
||||||
|
isDefaultAction: true, |
||||||
|
isDestructiveAction: false, |
||||||
|
), |
||||||
|
], |
||||||
|
cancelButton: CupertinoActionSheetAction( |
||||||
|
onPressed: () { |
||||||
|
Navigator.of(context).pop(); |
||||||
|
}, |
||||||
|
child: Text(S.of(context).quxiao), |
||||||
|
isDestructiveAction: true, |
||||||
|
), |
||||||
|
); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
Widget addImageItem() { |
||||||
|
return InkWell( |
||||||
|
onTap: () { |
||||||
|
showImagePicker(); |
||||||
|
}, |
||||||
|
child: Container( |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Color(0xFFF2F2F2), |
||||||
|
borderRadius: BorderRadius.circular(4), |
||||||
|
), |
||||||
|
alignment: Alignment.center, |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
SvgPicture.asset( |
||||||
|
"assets/svg/zhaopianshipin.svg", |
||||||
|
width: 48, |
||||||
|
height: 48, |
||||||
|
fit: BoxFit.contain, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"照片/视频", |
||||||
|
style: TextStyle( |
||||||
|
fontWeight: MyFontWeight.semi_bold, |
||||||
|
fontSize: 15.sp, |
||||||
|
color: Color(0xFFCDCCCC), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
Future getImageOrVideo(GalleryMode galleryMode) async { |
||||||
|
if (selectCount == 0) return; |
||||||
|
List<Media> medias = await ImagePickers.pickerPaths( |
||||||
|
galleryMode: galleryMode, |
||||||
|
selectCount: (galleryMode == GalleryMode.video) ? 1 : selectCount, |
||||||
|
showGif: true, |
||||||
|
showCamera: false, |
||||||
|
compressSize: 500, |
||||||
|
uiConfig: UIConfig( |
||||||
|
uiThemeColor: Color(0xFFFFFFFF), |
||||||
|
), |
||||||
|
cropConfig: CropConfig( |
||||||
|
enableCrop: false, |
||||||
|
width: 200, |
||||||
|
height: 200, |
||||||
|
), |
||||||
|
); |
||||||
|
|
||||||
|
mediaPaths.addAll(medias.map((e) => Medias(e)).toList()); |
||||||
|
selectCount = 9 - mediaPaths.length; |
||||||
|
|
||||||
|
if (mediaPaths.length > 0) { |
||||||
|
if (galleryMode == GalleryMode.image) { |
||||||
|
dynamicType = 1; |
||||||
|
} else { |
||||||
|
dynamicType = 2; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
setState(() {}); |
||||||
|
} |
||||||
|
|
||||||
|
///动态输入框 |
||||||
|
Widget buildEdit() { |
||||||
|
return Container( |
||||||
|
height: 174.h, |
||||||
|
margin: EdgeInsets.symmetric(horizontal: 16.w), |
||||||
|
decoration: BoxDecoration( |
||||||
|
border: Border( |
||||||
|
bottom: BorderSide( |
||||||
|
width: 1.w, |
||||||
|
color: Color(0xFFD8D8D8), |
||||||
|
style: BorderStyle.solid, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
child: TextField( |
||||||
|
controller: textEditingController, |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 14.sp, |
||||||
|
fontWeight: MyFontWeight.medium, |
||||||
|
color: Color(0xFF4C4C4C), |
||||||
|
), |
||||||
|
onChanged: (text) { |
||||||
|
bool release = text != "" && text != null; |
||||||
|
if (release != isRelease) { |
||||||
|
isRelease = release; |
||||||
|
setState(() {}); |
||||||
|
} |
||||||
|
}, |
||||||
|
decoration: InputDecoration( |
||||||
|
contentPadding: EdgeInsets.symmetric( |
||||||
|
vertical: 18.h, |
||||||
|
), |
||||||
|
errorBorder: InputBorder.none, |
||||||
|
focusedBorder: InputBorder.none, |
||||||
|
enabledBorder: InputBorder.none, |
||||||
|
hintText: "此时此刻的想法~", |
||||||
|
hintStyle: TextStyle( |
||||||
|
fontSize: 14.sp, |
||||||
|
color: Color(0xFFA29E9E), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class Medias { |
||||||
|
// Media media; |
||||||
|
|
||||||
|
Medias(Media media) { |
||||||
|
this.thumbPath = media.thumbPath; |
||||||
|
this.path = media.path; |
||||||
|
this.galleryMode = media.galleryMode; |
||||||
|
} |
||||||
|
|
||||||
|
String thumbPath; |
||||||
|
String path; |
||||||
|
GalleryMode galleryMode; |
||||||
|
String remotePath; |
||||||
|
} |
||||||
Loading…
Reference in new issue