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.
1069 lines
36 KiB
1069 lines
36 KiB
import 'dart:io'; |
|
import 'dart:ui'; |
|
|
|
import 'package:emoji_picker_flutter/emoji_picker_flutter.dart'; |
|
import 'package:flutter/material.dart'; |
|
import 'package:flutter/rendering.dart'; |
|
import 'package:flutter/services.dart'; |
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|
import 'package:huixiang/im/database/message.dart'; |
|
import 'package:huixiang/im/out/message.pb.dart'; |
|
import 'package:huixiang/main.dart'; |
|
import 'package:huixiang/retrofit/retrofit_api.dart'; |
|
import 'package:huixiang/view_widget/my_appbar.dart'; |
|
import 'package:flutter/cupertino.dart'; |
|
import 'package:image_pickers/image_pickers.dart'; |
|
import 'package:shared_preferences/shared_preferences.dart'; |
|
import '../../community/release_dynamic.dart'; |
|
import '../../generated/l10n.dart'; |
|
import '../../utils/font_weight.dart'; |
|
import 'im_view/on_chat_message.dart'; |
|
import 'im_view/on_chat_msg_instance.dart'; |
|
|
|
class ChatDetailsPage extends StatefulWidget { |
|
final Map<String, dynamic> arguments; |
|
|
|
ChatDetailsPage({this.arguments}); |
|
|
|
@override |
|
State<StatefulWidget> createState() { |
|
return _ChatDetailsPage(); |
|
} |
|
} |
|
|
|
class _ChatDetailsPage extends State<ChatDetailsPage> |
|
with WidgetsBindingObserver |
|
implements OnChatMessage { |
|
ApiService apiService; |
|
List<Medias> mediaPaths = []; |
|
int selectCount = 9; |
|
int dynamicType = 0; |
|
final TextEditingController chatController = TextEditingController(); |
|
bool emojiShowing = false; |
|
double keyboard = -1; |
|
bool needShowSmiley = false; |
|
bool needHideSmiley = false; |
|
bool isKeyBoardShow = false; |
|
bool moreShow = false; |
|
bool needShowMore = false; |
|
bool needHideMore = false; |
|
var commentFocus = FocusNode(); |
|
String hintText = "输入消息内容..."; |
|
final OnChatMessage _tempOnChatMessage = |
|
OnChatMsgInstance.instance.onChatMessage; |
|
final ScrollController scrollController = ScrollController(); |
|
String tex = ""; |
|
int copyIndex = 0; |
|
|
|
@override |
|
void onMessage(txt) { |
|
// SmartDialog.showToast("聊天 $txt", alignment: Alignment.center); |
|
} |
|
|
|
List<Message> messages = []; |
|
|
|
loadMessageList() async { |
|
selfUserId = (await SharedPreferences.getInstance()).getString("userId"); |
|
|
|
toUserId = widget.arguments["toId"]; |
|
messages = await hxDatabase.queryUList(toUserId); |
|
|
|
socketClient.addCallback(toUserId, (Message message) { |
|
messages.add(message); |
|
|
|
refreshState(); |
|
}); |
|
refreshState(); |
|
} |
|
|
|
refreshState() { |
|
if (mounted) setState(() {}); |
|
} |
|
|
|
String selfUserId = ""; |
|
String toUserId = ""; |
|
|
|
@override |
|
void initState() { |
|
super.initState(); |
|
OnChatMsgInstance.instance.onChatMessage = this; |
|
WidgetsBinding.instance.addObserver(this); |
|
commentFocus.addListener(_focusNodeListener); |
|
|
|
loadMessageList(); |
|
|
|
Future.delayed(Duration.zero, () { |
|
jumpToBottom(); |
|
}); |
|
} |
|
|
|
void jumpToBottom() { |
|
scrollController.position.jumpTo(scrollController.position.maxScrollExtent); |
|
} |
|
|
|
void didChangeMetrics() { |
|
WidgetsBinding.instance.addPostFrameCallback((_) { |
|
if (!mounted) return; |
|
isKeyBoardShow = MediaQuery.of(context).viewInsets.bottom > 0; |
|
if (MediaQuery.of(context).viewInsets.bottom == 0) { |
|
if (isKeyBoardShow) { |
|
FocusScope.of(context).requestFocus(FocusNode()); |
|
if (mounted) if (!emojiShowing) if (!moreShow) |
|
setState(() { |
|
hintText = "请输入消息内容..."; |
|
isKeyBoardShow = false; |
|
}); |
|
} |
|
} else { |
|
if (mounted) |
|
setState(() { |
|
isKeyBoardShow = true; |
|
}); |
|
} |
|
}); |
|
if (needShowSmiley && window.viewInsets.bottom <= 0.1) { |
|
needShowSmiley = false; |
|
setState(() { |
|
emojiShowing = true; |
|
}); |
|
} |
|
if (needHideSmiley && window.viewInsets.bottom > 0.1) { |
|
needHideSmiley = false; |
|
setState(() { |
|
emojiShowing = false; |
|
}); |
|
} |
|
if (needShowMore && window.viewInsets.bottom <= 0.1) { |
|
needShowMore = false; |
|
setState(() { |
|
moreShow = true; |
|
}); |
|
} |
|
if (needHideMore && window.viewInsets.bottom > 0.1) { |
|
needHideMore = false; |
|
setState(() { |
|
moreShow = false; |
|
}); |
|
} |
|
} |
|
|
|
@override |
|
void dispose() { |
|
super.dispose(); |
|
OnChatMsgInstance.instance.onChatMessage = _tempOnChatMessage; |
|
WidgetsBinding.instance.removeObserver(this); |
|
commentFocus.removeListener(_focusNodeListener); |
|
|
|
socketClient.removeCallback(toUserId); |
|
|
|
} |
|
|
|
void _focusNodeListener() { |
|
/*if (_focusNode.hasFocus || _focusNode.consumeKeyboardToken()){ |
|
setState(() { |
|
smileyPadGone = true; |
|
}); |
|
}*/ |
|
} |
|
|
|
///输入框点击事件 |
|
_onTextFieldTap() { |
|
if (emojiShowing) { |
|
needHideSmiley = true; |
|
} |
|
if (moreShow) { |
|
needHideMore = true; |
|
} |
|
} |
|
|
|
///表情包点击事件 |
|
_onSmileyTap() { |
|
if (!emojiShowing && commentFocus.hasFocus && isKeyBoardShow) { |
|
needShowSmiley = true; |
|
commentFocus.unfocus(); |
|
} else { |
|
setState(() { |
|
emojiShowing = !emojiShowing; |
|
isKeyBoardShow = emojiShowing; |
|
moreShow = false; |
|
}); |
|
} |
|
} |
|
|
|
///更多点击事件 |
|
_onMoreTap() { |
|
if (!moreShow && commentFocus.hasFocus && isKeyBoardShow) { |
|
needShowMore = true; |
|
commentFocus.unfocus(); |
|
} else { |
|
setState(() { |
|
moreShow = !moreShow; |
|
isKeyBoardShow = moreShow; |
|
emojiShowing = false; |
|
}); |
|
} |
|
} |
|
|
|
///图片/视频选择 |
|
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(() {}); |
|
} |
|
|
|
@override |
|
Widget build(BuildContext context) { |
|
double h = MediaQuery.of(context).viewInsets.bottom; |
|
if (h > 0) { |
|
jumpToBottom(); |
|
if (keyboard < h) { |
|
keyboard = h; |
|
// setState(() {}); |
|
} |
|
} |
|
return Scaffold( |
|
// resizeToAvoidBottomInset: false, |
|
backgroundColor: Color(0xFFF6F6F6), |
|
appBar: MyAppBar( |
|
title: "哈哈哈哈", |
|
titleColor: Color(0xFF0D0D0D), |
|
titleSize: 17.sp, |
|
leading: true, |
|
leadingColor: Colors.black, |
|
action: GestureDetector( |
|
behavior: HitTestBehavior.opaque, |
|
onTap: () { |
|
setState(() { |
|
Navigator.of(context).pushNamed('/router/chat_setting'); |
|
copyIndex = 0; |
|
}); |
|
}, |
|
child: Container( |
|
alignment: Alignment.center, |
|
child: Icon( |
|
Icons.more_horiz, |
|
color: Colors.black, |
|
size: 30, |
|
), |
|
), |
|
), |
|
), |
|
body: Container( |
|
child: Column( |
|
children: [ |
|
Expanded( |
|
child: SingleChildScrollView( |
|
physics: BouncingScrollPhysics(), |
|
controller: scrollController, |
|
child: Column( |
|
children: [ |
|
GestureDetector( |
|
behavior: HitTestBehavior.translucent, |
|
onTap: () { |
|
setState(() { |
|
emojiShowing = false; |
|
isKeyBoardShow = emojiShowing; |
|
moreShow = false; |
|
isKeyBoardShow = moreShow; |
|
FocusScope.of(context).requestFocus(FocusNode()); |
|
}); |
|
}, |
|
child: chatDetailsList(), |
|
), |
|
], |
|
), |
|
), |
|
flex: 1, |
|
), |
|
input() |
|
], |
|
), |
|
), |
|
); |
|
} |
|
|
|
///聊天列表 |
|
Widget chatDetailsList() { |
|
return Container( |
|
margin: EdgeInsets.only(bottom: 48.h), |
|
child: ListView.builder( |
|
itemCount: messages.length, |
|
shrinkWrap: true, |
|
reverse: true, |
|
physics: NeverScrollableScrollPhysics(), |
|
itemBuilder: (context, position) { |
|
return GestureDetector( |
|
behavior: HitTestBehavior.opaque, |
|
onTap: () { |
|
setState(() { |
|
copyIndex = 0; |
|
}); |
|
}, |
|
child: chatDetailsItem(messages[position]), |
|
); |
|
}, |
|
), |
|
); |
|
} |
|
|
|
Widget chatDetailsItem(Message message) { |
|
bool isSelf = message.fromId == selfUserId; |
|
bool isText = message.msgType == 0; |
|
return Container( |
|
padding: EdgeInsets.only( |
|
top: 32.h, |
|
), |
|
child: Column( |
|
children: [ |
|
Text( |
|
"3月08日 上午 12:10", |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
color: Color(0xFFA29E9E), |
|
fontSize: 10.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
if (messages.indexOf(message) == (messages.length - 1)) |
|
Padding( |
|
padding: EdgeInsets.only(top: 10.h, bottom: 24.h), |
|
child: Text( |
|
"在对方未回复或关注你之前，你只能发送一条信息", |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
color: Color(0xFFA29E9E), |
|
fontSize: 10.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
), |
|
if (messages.indexOf(message) == (messages.length - 1)) |
|
SizedBox( |
|
height: 16.h, |
|
), |
|
if (copyIndex == 1) |
|
Stack( |
|
alignment: Alignment.bottomCenter, |
|
children: [ |
|
Container( |
|
padding: EdgeInsets.only(bottom: 13.h), |
|
child: Container( |
|
width: 180.w, |
|
decoration: BoxDecoration( |
|
color: Color(0xFF2A2A2A), |
|
borderRadius: BorderRadius.circular(6), |
|
), |
|
padding: EdgeInsets.symmetric( |
|
horizontal: 32.w, vertical: 7.5.h, |
|
), |
|
child: Row( |
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
GestureDetector( |
|
onTap: () { |
|
setState(() { |
|
copyIndex = 0; |
|
this.copy(tex); |
|
}); |
|
}, |
|
child: Column( |
|
children: [ |
|
Image.asset( |
|
"assets/image/icon_chat_copy.webp", |
|
height: 16, |
|
width: 16, |
|
), |
|
SizedBox( |
|
height: 2.h, |
|
), |
|
Text( |
|
"复制", |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
color: Colors.white, |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
], |
|
), |
|
), |
|
GestureDetector( |
|
onTap: () {}, |
|
child: Column( |
|
children: [ |
|
Image.asset( |
|
"assets/image/icon_chat_delete.webp", |
|
height: 16, |
|
width: 16, |
|
), |
|
SizedBox( |
|
height: 2.h, |
|
), |
|
Text( |
|
S.of(context).shanchu, |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
color: Colors.white, |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
], |
|
), |
|
) |
|
], |
|
), |
|
), |
|
), |
|
Image.asset( |
|
"assets/image/icon_copy_j.webp", |
|
height: 17, |
|
width: 17, |
|
), |
|
], |
|
), |
|
|
|
/// not self |
|
if (!isSelf && isText) |
|
Padding( |
|
padding: EdgeInsets.only(left: 17.w, right: 39.w), |
|
child: Row( |
|
children: [ |
|
// MImage( |
|
// "", |
|
// isCircle: true, |
|
// width: 44, |
|
// height: 44, |
|
// fit: BoxFit.cover, |
|
// errorSrc: "assets/image/default_user.webp", |
|
// fadeSrc: "assets/image/default_user.webp", |
|
// ), |
|
Image.asset( |
|
"assets/image/fuka_zj.webp", |
|
height: 44.h, |
|
width: 44.h, |
|
), |
|
SizedBox( |
|
width: 12.w, |
|
), |
|
Expanded( |
|
child: Container( |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(6), |
|
color: Color(0xFFFFFFFF), |
|
boxShadow: [ |
|
BoxShadow( |
|
color: Color(0xFFA8A3A3).withAlpha(12), |
|
offset: Offset(0, 4), |
|
blurRadius: 4, |
|
spreadRadius: 0, |
|
) |
|
], |
|
), |
|
padding: EdgeInsets.symmetric( |
|
vertical: 8.h, horizontal: 12.w), |
|
child: GestureDetector( |
|
onLongPress: () { |
|
setState(() { |
|
copyIndex = 1; |
|
}); |
|
}, |
|
child: Text( |
|
tex = message.content, |
|
textAlign: TextAlign.left, |
|
style: TextStyle( |
|
height: 1.2.h, |
|
color: Color(0XFF0D0D0D), |
|
fontSize: 17.sp, |
|
fontWeight: MyFontWeight.medium, |
|
), |
|
), |
|
))), |
|
], |
|
), |
|
), |
|
if (!isSelf && isText) |
|
SizedBox( |
|
height: 40.h, |
|
), |
|
if (copyIndex == 1) |
|
Stack( |
|
alignment: Alignment.bottomCenter, |
|
children: [ |
|
Container( |
|
padding: EdgeInsets.only(bottom: 13.h), |
|
child: Container( |
|
width: 180.w, |
|
decoration: BoxDecoration( |
|
color: Color(0xFF2A2A2A), |
|
borderRadius: BorderRadius.circular(6), |
|
), |
|
padding: |
|
EdgeInsets.symmetric(horizontal: 32.w, vertical: 7.5.h), |
|
child: Row( |
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
GestureDetector( |
|
onTap: () { |
|
setState(() { |
|
copyIndex = 0; |
|
this.copy(tex); |
|
}); |
|
}, |
|
child: Column( |
|
children: [ |
|
Image.asset( |
|
"assets/image/icon_chat_copy.webp", |
|
height: 16, |
|
width: 16, |
|
), |
|
SizedBox( |
|
height: 2.h, |
|
), |
|
Text( |
|
"复制", |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
color: Colors.white, |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
], |
|
), |
|
), |
|
GestureDetector( |
|
onTap: () {}, |
|
child: Column( |
|
children: [ |
|
Image.asset( |
|
"assets/image/icon_chat_delete.webp", |
|
height: 16, |
|
width: 16, |
|
), |
|
SizedBox( |
|
height: 2.h, |
|
), |
|
Text( |
|
S.of(context).shanchu, |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
color: Colors.white, |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
], |
|
), |
|
) |
|
], |
|
), |
|
), |
|
), |
|
Image.asset( |
|
"assets/image/icon_copy_j.webp", |
|
height: 17, |
|
width: 17, |
|
), |
|
], |
|
), |
|
|
|
/// self |
|
if (isSelf && isText) |
|
Padding( |
|
padding: EdgeInsets.only(left: 36.w, right: 16.w), |
|
child: Row( |
|
children: [ |
|
if (message.state == 3) |
|
Container( |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(100), |
|
color: Color(0xFFFF441A), |
|
), |
|
width: 20, |
|
height: 20, |
|
alignment: Alignment.center, |
|
child: Text( |
|
"!", |
|
textAlign: TextAlign.left, |
|
style: TextStyle( |
|
color: Colors.white, |
|
fontSize: 17.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
), |
|
if (message.state == 3) |
|
SizedBox( |
|
width: 12.w, |
|
), |
|
Expanded( |
|
child: Container( |
|
alignment: Alignment.centerRight, |
|
child: Container( |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(6), |
|
color: Color(0xFF32A060), |
|
), |
|
padding: |
|
EdgeInsets.symmetric(vertical: 8.h, horizontal: 12.w), |
|
child: GestureDetector( |
|
onLongPress: () { |
|
setState(() { |
|
copyIndex = 1; |
|
}); |
|
}, |
|
child: Text( |
|
tex = message.content, |
|
textAlign: TextAlign.left, |
|
style: TextStyle( |
|
height: 1.2.h, |
|
color: Colors.white, |
|
fontSize: 17.sp, |
|
fontWeight: MyFontWeight.medium, |
|
), |
|
), |
|
), |
|
), |
|
), |
|
), |
|
SizedBox( |
|
width: 12.w, |
|
), |
|
// MImage( |
|
// "", |
|
// isCircle: true, |
|
// width: 44, |
|
// height: 44, |
|
// fit: BoxFit.cover, |
|
// errorSrc: "assets/image/default_user.webp", |
|
// fadeSrc: "assets/image/default_user.webp", |
|
// ), |
|
Image.asset( |
|
"assets/image/fuka_zj.webp", |
|
height: 44, |
|
width: 44, |
|
), |
|
], |
|
), |
|
), |
|
|
|
/// not self image |
|
if (!isSelf && !isText) |
|
Padding( |
|
padding: EdgeInsets.only(left: 17.w, right: 39.w, top: 20.h), |
|
child: Row( |
|
children: [ |
|
// MImage( |
|
// "", |
|
// isCircle: true, |
|
// width: 44, |
|
// height: 44, |
|
// fit: BoxFit.cover, |
|
// errorSrc: "assets/image/default_user.webp", |
|
// fadeSrc: "assets/image/default_user.webp", |
|
// ), |
|
Image.asset( |
|
"assets/image/fuka_zj.webp", |
|
height: 44.h, |
|
width: 44.h, |
|
), |
|
SizedBox( |
|
width: 12.w, |
|
), |
|
Expanded( |
|
flex: 3, |
|
child: Container( |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(6), |
|
color: Color(0xFFFFFFFF), |
|
boxShadow: [ |
|
BoxShadow( |
|
color: Color(0xFFA8A3A3).withAlpha(12), |
|
offset: Offset(0, 4), |
|
blurRadius: 4, |
|
spreadRadius: 0, |
|
) |
|
], |
|
), |
|
child: GestureDetector( |
|
onLongPress: () { |
|
setState(() {}); |
|
}, |
|
child: Image.asset( |
|
"assets/image/icon_guide_4.webp", |
|
width: 180.h, |
|
height: 200.h, |
|
fit: BoxFit.fill, |
|
), |
|
))), |
|
Expanded( |
|
flex: 1, |
|
child: Container(), |
|
) |
|
], |
|
), |
|
), |
|
|
|
/// no reply long time |
|
if (messages.indexOf(message) == 0) |
|
Padding( |
|
padding: EdgeInsets.only(left: 17.w, right: 17.w, top: 24.h), |
|
child: Text( |
|
"由于对方没有回复你，你只能发送一条消息，需要对方关注或回复后才能恢复正常聊天", |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
color: Color(0xFFA29E9E), |
|
fontSize: 10.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
), |
|
], |
|
), |
|
); |
|
} |
|
|
|
///富文本输入框 |
|
Widget input() { |
|
return Container( |
|
color: Color(0xFFFDFCFC), |
|
padding: EdgeInsets.only(top: 14.h, bottom: 15.h), |
|
child: Column( |
|
children: [ |
|
///输入框 |
|
Row( |
|
children: [ |
|
Expanded( |
|
flex: 1, |
|
child: Container( |
|
margin: EdgeInsets.only( |
|
left: 20.w, |
|
), |
|
decoration: BoxDecoration( |
|
color: Color(0xFFF6F6F6), |
|
borderRadius: BorderRadius.circular(6), |
|
), |
|
child: Container( |
|
margin: EdgeInsets.only(left: 17.w), |
|
alignment: Alignment.topLeft, |
|
child: TextField( |
|
textInputAction: TextInputAction.send, |
|
onTap: () { |
|
moreShow = false; |
|
_onTextFieldTap(); |
|
}, |
|
onEditingComplete: () { |
|
var commentText = chatController.text; |
|
if (commentText.trim() == "") { |
|
return; |
|
} |
|
socketClient.sendMessage(toUserId, commentText).then((value) { |
|
Message message = value; |
|
messages.insert(0, message); |
|
chatController.clear(); |
|
if (mounted) |
|
setState(() {}); |
|
}); |
|
// widget.queryMemberComment(commentText); |
|
}, |
|
maxLines: 8, |
|
minLines: 1, |
|
focusNode: commentFocus, |
|
controller: chatController, |
|
decoration: InputDecoration( |
|
border: InputBorder.none, |
|
hintText: hintText, |
|
hintStyle: TextStyle( |
|
fontSize: 14.sp, |
|
color: Color(0xFF868686), |
|
), |
|
), |
|
), |
|
), |
|
), |
|
), |
|
GestureDetector( |
|
behavior: HitTestBehavior.opaque, |
|
onTap: () { |
|
_onSmileyTap(); |
|
Future.delayed(Duration(milliseconds: 500), () { |
|
jumpToBottom(); |
|
}); |
|
}, |
|
child: Container( |
|
padding: EdgeInsets.only(left: 15.w, right: 8.w), |
|
child: Image.asset( |
|
"assets/image/icon_chat_emo.webp", |
|
height: 26.h, |
|
width: 26.h, |
|
)), |
|
), |
|
GestureDetector( |
|
behavior: HitTestBehavior.opaque, |
|
onTap: () { |
|
_onMoreTap(); |
|
|
|
Future.delayed(Duration(milliseconds: 500), () { |
|
jumpToBottom(); |
|
}); |
|
}, |
|
child: Container( |
|
padding: EdgeInsets.only(left: 8.w, right: 19.w), |
|
child: Image.asset( |
|
"assets/image/chat_more.webp", |
|
height: 26.h, |
|
width: 26.h, |
|
), |
|
), |
|
), |
|
], |
|
), |
|
SizedBox( |
|
height: 16.h, |
|
), |
|
|
|
///表情 |
|
Offstage( |
|
offstage: !emojiShowing, |
|
child: SizedBox( |
|
height: keyboard == -1 ? 270 : keyboard, |
|
width: MediaQuery.of(context).size.width, |
|
child: EmojiPicker( |
|
textEditingController: chatController, |
|
config: Config( |
|
columns: 7, |
|
emojiSizeMax: 32 * (Platform.isIOS ? 1.10 : 1.0), |
|
verticalSpacing: 0, |
|
horizontalSpacing: 0, |
|
gridPadding: EdgeInsets.zero, |
|
initCategory: Category.RECENT, |
|
bgColor: const Color(0xFFF2F2F2), |
|
// indicatorColor: Colors.blue, |
|
iconColor: Colors.grey, |
|
iconColorSelected: Colors.blue, |
|
backspaceColor: Colors.blue, |
|
skinToneDialogBgColor: Colors.white, |
|
skinToneIndicatorColor: Colors.grey, |
|
enableSkinTones: true, |
|
showRecentsTab: true, |
|
recentsLimit: 28, |
|
replaceEmojiOnLimitExceed: false, |
|
noRecents: Text( |
|
"最近使用", |
|
style: TextStyle(fontSize: 20, color: Colors.black26), |
|
textAlign: TextAlign.center, |
|
), |
|
loadingIndicator: const SizedBox.shrink(), |
|
tabIndicatorAnimDuration: Duration(milliseconds: 0), |
|
categoryIcons: const CategoryIcons(), |
|
buttonMode: ButtonMode.MATERIAL, |
|
checkPlatformCompatibility: true, |
|
), |
|
)), |
|
), |
|
|
|
///更多 |
|
Offstage( |
|
offstage: !moreShow, |
|
child: Container( |
|
height: keyboard == -1 ? 167.h : keyboard, |
|
child: Column( |
|
children: [ |
|
Container( |
|
width: double.infinity, |
|
height: 1.h, |
|
color: Color(0xFFF7F7F7), |
|
margin: EdgeInsets.only(bottom: 10.h), |
|
), |
|
Row( |
|
children: [ |
|
GestureDetector( |
|
behavior: HitTestBehavior.opaque, |
|
onTap: () { |
|
getImageOrVideo(GalleryMode.video); |
|
}, |
|
child: Column( |
|
children: [ |
|
Container( |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(6), |
|
color: Color(0xFFFFFFFF), |
|
boxShadow: [ |
|
BoxShadow( |
|
color: Color(0xFFD5D5D5).withAlpha(25), |
|
offset: Offset(4, 2), |
|
blurRadius: 4, |
|
spreadRadius: 0, |
|
) |
|
], |
|
), |
|
margin: EdgeInsets.only(right: 15.w, left: 14.w), |
|
padding: EdgeInsets.all(12), |
|
child: Image.asset( |
|
"assets/image/icon_chat_camera.webp", |
|
height: 24, |
|
width: 24, |
|
), |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(top: 8.h), |
|
child: Text( |
|
"拍照", |
|
style: TextStyle( |
|
fontSize: 12.sp, |
|
color: Color(0xFFA29E9E), |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
), |
|
], |
|
), |
|
), |
|
GestureDetector( |
|
behavior: HitTestBehavior.opaque, |
|
onTap: () { |
|
getImageOrVideo(GalleryMode.image); |
|
}, |
|
child: Column( |
|
children: [ |
|
Container( |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(6), |
|
color: Color(0xFFFFFFFF), |
|
boxShadow: [ |
|
BoxShadow( |
|
color: Color(0xFFD5D5D5).withAlpha(25), |
|
offset: Offset(4, 2), |
|
blurRadius: 4, |
|
spreadRadius: 0, |
|
) |
|
], |
|
), |
|
padding: EdgeInsets.all(12), |
|
child: Image.asset( |
|
"assets/image/icon_chat_photo.webp", |
|
height: 24, |
|
width: 24, |
|
), |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(top: 8.h), |
|
child: Text( |
|
"相册", |
|
style: TextStyle( |
|
fontSize: 12.sp, |
|
color: Color(0xFFA29E9E), |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
), |
|
], |
|
)), |
|
], |
|
) |
|
], |
|
), |
|
), |
|
) |
|
], |
|
), |
|
); |
|
} |
|
|
|
showCustomDialog(BuildContext context, int position) { |
|
showDialog( |
|
context: context, |
|
builder: (BuildContext context) { |
|
return new AlertDialog( |
|
backgroundColor: Color(0xFF2A2A2A), |
|
elevation: 0, |
|
contentPadding: EdgeInsets.only( |
|
top: 8.h, |
|
bottom: 5.h, |
|
), |
|
content: Container( |
|
height: 40.h, |
|
// width:20.w, |
|
alignment: Alignment.center, |
|
child: Row( |
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Column( |
|
children: [ |
|
Image.asset( |
|
"assets/image/icon_chat_copy.webp", |
|
height: 16, |
|
width: 16, |
|
), |
|
Text( |
|
"复制", |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
color: Colors.white, |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
], |
|
), |
|
Column( |
|
children: [ |
|
Image.asset( |
|
"assets/image/icon_chat_delete.webp", |
|
height: 16, |
|
width: 16, |
|
), |
|
Text( |
|
S.of(context).shanchu, |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
color: Colors.white, |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
], |
|
) |
|
], |
|
), |
|
), |
|
); |
|
}); |
|
} |
|
|
|
/// 复制文本 |
|
copy(String tex) { |
|
print(tex); |
|
Clipboard.setData(ClipboardData(text: tex)); |
|
} |
|
}
|
|
|