|
|
|
|
@ -1,9 +1,12 @@
|
|
|
|
|
import 'dart:async'; |
|
|
|
|
|
|
|
|
|
import 'package:dio/dio.dart'; |
|
|
|
|
import 'package:flutter/material.dart'; |
|
|
|
|
import 'package:flutter_easyloading/flutter_easyloading.dart'; |
|
|
|
|
import 'package:huixiang/generated/l10n.dart'; |
|
|
|
|
import 'package:huixiang/im/database/message.dart'; |
|
|
|
|
import 'package:huixiang/main.dart'; |
|
|
|
|
import 'package:huixiang/retrofit/data/base_data.dart'; |
|
|
|
|
import 'package:huixiang/retrofit/data/message.dart'; |
|
|
|
|
import 'package:huixiang/retrofit/data/msg_stats.dart'; |
|
|
|
|
import 'package:huixiang/retrofit/data/page.dart'; |
|
|
|
|
import 'package:huixiang/retrofit/retrofit_api.dart'; |
|
|
|
|
@ -18,8 +21,8 @@ import 'on_chat_message.dart';
|
|
|
|
|
import 'on_chat_msg_instance.dart'; |
|
|
|
|
|
|
|
|
|
class IMPage extends StatefulWidget { |
|
|
|
|
IMPage(Key key) : super(key: key); |
|
|
|
|
|
|
|
|
|
IMPage(Key key): super(key: key); |
|
|
|
|
@override |
|
|
|
|
State<StatefulWidget> createState() { |
|
|
|
|
return _IMPage(); |
|
|
|
|
@ -42,7 +45,7 @@ class _IMPage extends State<IMPage> implements OnChatMessage {
|
|
|
|
|
final TextEditingController imEditingController = TextEditingController(); |
|
|
|
|
|
|
|
|
|
@override |
|
|
|
|
void onMessage(txt){ |
|
|
|
|
void onMessage(txt) { |
|
|
|
|
// SmartDialog.showToast("列表 $txt", alignment: Alignment.center); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -57,57 +60,87 @@ class _IMPage extends State<IMPage> implements OnChatMessage {
|
|
|
|
|
super.initState(); |
|
|
|
|
OnChatMsgInstance.instance.onChatMessage = this; |
|
|
|
|
|
|
|
|
|
loadMessageList(); |
|
|
|
|
SharedPreferences.getInstance().then((value) { |
|
|
|
|
apiService = |
|
|
|
|
ApiService(Dio(), token: value.getString("token"), context: context); |
|
|
|
|
queryMessage(); |
|
|
|
|
queryMsgStats(); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
_refresh() { |
|
|
|
|
pageNum = 1; |
|
|
|
|
queryMessage(); |
|
|
|
|
loadMessageList(); |
|
|
|
|
queryMsgStats(); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
queryMessage() async { |
|
|
|
|
BaseData<PageInfo<Message>> baseData = await apiService.msgList({ |
|
|
|
|
"pageNum": pageNum, |
|
|
|
|
"pageSize": 10, |
|
|
|
|
"searchKey": "", |
|
|
|
|
"state": "", |
|
|
|
|
"typed": "" |
|
|
|
|
}).catchError((onError) { |
|
|
|
|
_refreshController.loadFailed(); |
|
|
|
|
_refreshController.refreshFailed(); |
|
|
|
|
List<int> userIds = []; |
|
|
|
|
|
|
|
|
|
Stream streamSubscription ; |
|
|
|
|
|
|
|
|
|
loadMessageList() async { |
|
|
|
|
int userId = 123456; |
|
|
|
|
|
|
|
|
|
hxDatabase.changeListener.stream.listen((event) { |
|
|
|
|
debugPrint("messages: 1111"); |
|
|
|
|
}, onError: (Object error, stackTrace) { |
|
|
|
|
debugPrint("messages: 3333"); |
|
|
|
|
}); |
|
|
|
|
hxDatabase.changeListener.onListen = () { |
|
|
|
|
debugPrint("messages: 2222"); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
if (baseData != null && baseData.isSuccess) { |
|
|
|
|
if (pageNum == 1) { |
|
|
|
|
messages.clear(); |
|
|
|
|
} |
|
|
|
|
List<Message> message = []; |
|
|
|
|
message.addAll(baseData.data.list); |
|
|
|
|
message.forEach((element) { |
|
|
|
|
if (element.typed == 2 || element.typed == 3) { |
|
|
|
|
messages.add(element); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
_refreshController.loadComplete(); |
|
|
|
|
_refreshController.refreshCompleted(); |
|
|
|
|
if (mounted) setState(() {}); |
|
|
|
|
if (pageNum * 10 > int.tryParse(baseData.data.total)) { |
|
|
|
|
_refreshController.loadNoData(); |
|
|
|
|
} else { |
|
|
|
|
pageNum += 1; |
|
|
|
|
} |
|
|
|
|
} else { |
|
|
|
|
_refreshController.loadFailed(); |
|
|
|
|
_refreshController.refreshFailed(); |
|
|
|
|
messages = await hxDatabase.messageDao.findMessageByGroup(userId); |
|
|
|
|
messages.forEach((element) { |
|
|
|
|
debugPrint("messages: $element"); |
|
|
|
|
}); |
|
|
|
|
userIds = messages |
|
|
|
|
.map((e) => e.toId != userId ? e.toId : e.fromId) |
|
|
|
|
.toSet() |
|
|
|
|
.toList(); |
|
|
|
|
if (mounted) { |
|
|
|
|
setState(() {}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// queryMessage() async { |
|
|
|
|
// BaseData<PageInfo<Message>> baseData = await apiService.msgList({ |
|
|
|
|
// "pageNum": pageNum, |
|
|
|
|
// "pageSize": 10, |
|
|
|
|
// "searchKey": "", |
|
|
|
|
// "state": "", |
|
|
|
|
// "typed": "" |
|
|
|
|
// }).catchError((onError) { |
|
|
|
|
// _refreshController.loadFailed(); |
|
|
|
|
// _refreshController.refreshFailed(); |
|
|
|
|
// }); |
|
|
|
|
// |
|
|
|
|
// if (baseData != null && baseData.isSuccess) { |
|
|
|
|
// if (pageNum == 1) { |
|
|
|
|
// messages.clear(); |
|
|
|
|
// } |
|
|
|
|
// List<Message> message = []; |
|
|
|
|
// message.addAll(baseData.data.list); |
|
|
|
|
// message.forEach((element) { |
|
|
|
|
// if (element.typed == 2 || element.typed == 3) { |
|
|
|
|
// messages.add(element); |
|
|
|
|
// } |
|
|
|
|
// }); |
|
|
|
|
// _refreshController.loadComplete(); |
|
|
|
|
// _refreshController.refreshCompleted(); |
|
|
|
|
// if (mounted) setState(() {}); |
|
|
|
|
// if (pageNum * 10 > int.tryParse(baseData.data.total)) { |
|
|
|
|
// _refreshController.loadNoData(); |
|
|
|
|
// } else { |
|
|
|
|
// pageNum += 1; |
|
|
|
|
// } |
|
|
|
|
// } else { |
|
|
|
|
// _refreshController.loadFailed(); |
|
|
|
|
// _refreshController.refreshFailed(); |
|
|
|
|
// } |
|
|
|
|
// } |
|
|
|
|
|
|
|
|
|
queryMsgStats() async { |
|
|
|
|
if (apiService == null) { |
|
|
|
|
SharedPreferences value = await SharedPreferences.getInstance(); |
|
|
|
|
@ -164,20 +197,16 @@ class _IMPage extends State<IMPage> implements OnChatMessage {
|
|
|
|
|
// color: Colors.white, |
|
|
|
|
decoration: BoxDecoration( |
|
|
|
|
gradient: LinearGradient( |
|
|
|
|
begin: Alignment.topCenter, |
|
|
|
|
end: Alignment.bottomCenter, |
|
|
|
|
colors: [ |
|
|
|
|
Color(0xFFD9FFDE), |
|
|
|
|
Color(0xFFD9FFDE), |
|
|
|
|
Color(0xFFFFFFFF), |
|
|
|
|
Color(0xFFFFFFFF), |
|
|
|
|
], |
|
|
|
|
stops: [ |
|
|
|
|
0, |
|
|
|
|
0.2, |
|
|
|
|
0.4, |
|
|
|
|
1 |
|
|
|
|
]), |
|
|
|
|
begin: Alignment.topCenter, |
|
|
|
|
end: Alignment.bottomCenter, |
|
|
|
|
colors: [ |
|
|
|
|
Color(0xFFD9FFDE), |
|
|
|
|
Color(0xFFD9FFDE), |
|
|
|
|
Color(0xFFFFFFFF), |
|
|
|
|
Color(0xFFFFFFFF), |
|
|
|
|
], |
|
|
|
|
stops: [0, 0.2, 0.4, 1], |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
child: SingleChildScrollView( |
|
|
|
|
physics: BouncingScrollPhysics(), |
|
|
|
|
@ -188,24 +217,28 @@ class _IMPage extends State<IMPage> implements OnChatMessage {
|
|
|
|
|
Container( |
|
|
|
|
padding: EdgeInsets.only( |
|
|
|
|
top: MediaQuery.of(context).padding.top + 12.h, |
|
|
|
|
bottom: 15.h,right: 16.w,left: 16.w), |
|
|
|
|
bottom: 15.h, |
|
|
|
|
right: 16.w, |
|
|
|
|
left: 16.w), |
|
|
|
|
child: Row( |
|
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
|
|
|
children: [ |
|
|
|
|
Expanded( |
|
|
|
|
child: Text( |
|
|
|
|
S.of(context).xiaoxi, |
|
|
|
|
style: TextStyle( |
|
|
|
|
color: Colors.black, |
|
|
|
|
fontSize: 18.sp, |
|
|
|
|
fontWeight: MyFontWeight.bold, |
|
|
|
|
), |
|
|
|
|
)), |
|
|
|
|
child: Text( |
|
|
|
|
S.of(context).xiaoxi, |
|
|
|
|
style: TextStyle( |
|
|
|
|
color: Colors.black, |
|
|
|
|
fontSize: 18.sp, |
|
|
|
|
fontWeight: MyFontWeight.bold, |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
GestureDetector( |
|
|
|
|
behavior: HitTestBehavior.opaque, |
|
|
|
|
onTap: () { |
|
|
|
|
Navigator.of(context).pushNamed('/router/chat_friend_group'); |
|
|
|
|
Navigator.of(context) |
|
|
|
|
.pushNamed('/router/chat_friend_group'); |
|
|
|
|
}, |
|
|
|
|
child: Container( |
|
|
|
|
padding: EdgeInsets.all(12), |
|
|
|
|
@ -216,7 +249,8 @@ class _IMPage extends State<IMPage> implements OnChatMessage {
|
|
|
|
|
child: Image.asset( |
|
|
|
|
"assets/image/friend_grouping.webp", |
|
|
|
|
fit: BoxFit.fill, |
|
|
|
|
height: 14.h,width: 14.h, |
|
|
|
|
height: 14.h, |
|
|
|
|
width: 14.h, |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
@ -239,7 +273,7 @@ class _IMPage extends State<IMPage> implements OnChatMessage {
|
|
|
|
|
Widget imSearchItem() { |
|
|
|
|
return Container( |
|
|
|
|
margin: EdgeInsets.fromLTRB(16.w, 0, 16.w, 0), |
|
|
|
|
padding: EdgeInsets.symmetric(vertical:13.h), |
|
|
|
|
padding: EdgeInsets.symmetric(vertical: 13.h), |
|
|
|
|
decoration: BoxDecoration( |
|
|
|
|
color: Color(0xFFFFFFFF), |
|
|
|
|
borderRadius: BorderRadius.circular(4), |
|
|
|
|
@ -255,6 +289,7 @@ class _IMPage extends State<IMPage> implements OnChatMessage {
|
|
|
|
|
child: TextField( |
|
|
|
|
textInputAction: TextInputAction.search, |
|
|
|
|
onEditingComplete: () { |
|
|
|
|
socketClient.sendMessage(654321, "hello~"); |
|
|
|
|
FocusScope.of(context).requestFocus(FocusNode()); |
|
|
|
|
}, |
|
|
|
|
controller: imEditingController, |
|
|
|
|
@ -285,29 +320,30 @@ class _IMPage extends State<IMPage> implements OnChatMessage {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
///聊天列表 |
|
|
|
|
Widget chatList(){ |
|
|
|
|
Widget chatList() { |
|
|
|
|
return Container( |
|
|
|
|
child: ListView.builder( |
|
|
|
|
padding: EdgeInsets.only(top: 16), |
|
|
|
|
itemCount: 6, |
|
|
|
|
shrinkWrap: true, |
|
|
|
|
physics: NeverScrollableScrollPhysics(), |
|
|
|
|
itemBuilder: (context, position) { |
|
|
|
|
return GestureDetector( |
|
|
|
|
behavior:HitTestBehavior.opaque, |
|
|
|
|
onTap: () { |
|
|
|
|
Navigator.of(context).pushNamed('/router/chat_details_page'); |
|
|
|
|
}, |
|
|
|
|
child: chatItem(), |
|
|
|
|
); |
|
|
|
|
}), |
|
|
|
|
padding: EdgeInsets.only(top: 16), |
|
|
|
|
itemCount: userIds.length, |
|
|
|
|
shrinkWrap: true, |
|
|
|
|
physics: NeverScrollableScrollPhysics(), |
|
|
|
|
itemBuilder: (context, position) { |
|
|
|
|
return GestureDetector( |
|
|
|
|
behavior: HitTestBehavior.opaque, |
|
|
|
|
onTap: () { |
|
|
|
|
Navigator.of(context).pushNamed('/router/chat_details_page'); |
|
|
|
|
}, |
|
|
|
|
child: chatItem(userIds[position]), |
|
|
|
|
); |
|
|
|
|
}, |
|
|
|
|
), |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
Widget chatItem(){ |
|
|
|
|
Widget chatItem(userId) { |
|
|
|
|
return Container( |
|
|
|
|
padding: EdgeInsets.only(left: 16.w,right: 17.w,bottom:18.h), |
|
|
|
|
child: Row( |
|
|
|
|
padding: EdgeInsets.only(left: 16.w, right: 17.w, bottom: 18.h), |
|
|
|
|
child: Row( |
|
|
|
|
children: [ |
|
|
|
|
// MImage( |
|
|
|
|
// "", |
|
|
|
|
@ -320,49 +356,58 @@ class _IMPage extends State<IMPage> implements OnChatMessage {
|
|
|
|
|
// ), |
|
|
|
|
Image.asset( |
|
|
|
|
"assets/image/fuka_zj.webp", |
|
|
|
|
height:54.h, |
|
|
|
|
width:54.h, |
|
|
|
|
height: 54.h, |
|
|
|
|
width: 54.h, |
|
|
|
|
), |
|
|
|
|
SizedBox(width: 12.w,), |
|
|
|
|
Expanded(child: |
|
|
|
|
Column( |
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
|
|
|
children: [ |
|
|
|
|
Row( |
|
|
|
|
children: [ |
|
|
|
|
Expanded(child: Text( |
|
|
|
|
"喽哈", |
|
|
|
|
overflow: TextOverflow.ellipsis, |
|
|
|
|
maxLines: 1, |
|
|
|
|
SizedBox( |
|
|
|
|
width: 12.w, |
|
|
|
|
), |
|
|
|
|
Expanded( |
|
|
|
|
child: Column( |
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
|
|
|
children: [ |
|
|
|
|
Row( |
|
|
|
|
children: [ |
|
|
|
|
Expanded( |
|
|
|
|
child: Text( |
|
|
|
|
"喽哈$userId", |
|
|
|
|
overflow: TextOverflow.ellipsis, |
|
|
|
|
maxLines: 1, |
|
|
|
|
style: TextStyle( |
|
|
|
|
fontSize: 16.sp, |
|
|
|
|
color: Color(0xFF060606), |
|
|
|
|
fontWeight: MyFontWeight.semi_bold, |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
Text( |
|
|
|
|
"2021.03.08 13:22", |
|
|
|
|
style: TextStyle( |
|
|
|
|
fontSize: 16.sp, |
|
|
|
|
color: Color(0xFF060606), |
|
|
|
|
fontWeight: MyFontWeight.semi_bold, |
|
|
|
|
)),), |
|
|
|
|
Text( |
|
|
|
|
"2021.03.08 13:22", |
|
|
|
|
style: TextStyle( |
|
|
|
|
fontSize: 12.sp, |
|
|
|
|
color: Color(0xFFA29E9E), |
|
|
|
|
fontWeight: MyFontWeight.regular, |
|
|
|
|
fontSize: 12.sp, |
|
|
|
|
color: Color(0xFFA29E9E), |
|
|
|
|
fontWeight: MyFontWeight.regular, |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
SizedBox(height: 7.h,), |
|
|
|
|
Row( |
|
|
|
|
children: [ |
|
|
|
|
Expanded(child:Text( |
|
|
|
|
"新开的火锅店好吃得很", |
|
|
|
|
maxLines: 1, |
|
|
|
|
overflow: TextOverflow.ellipsis, |
|
|
|
|
style: TextStyle( |
|
|
|
|
fontSize: 12.sp, |
|
|
|
|
color: Color(0xFF353535), |
|
|
|
|
fontWeight: MyFontWeight.regular, |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
SizedBox( |
|
|
|
|
height: 7.h, |
|
|
|
|
), |
|
|
|
|
Row( |
|
|
|
|
children: [ |
|
|
|
|
Expanded( |
|
|
|
|
child: Text( |
|
|
|
|
"新开的火锅店好吃得很", |
|
|
|
|
maxLines: 1, |
|
|
|
|
overflow: TextOverflow.ellipsis, |
|
|
|
|
style: TextStyle( |
|
|
|
|
fontSize: 12.sp, |
|
|
|
|
color: Color(0xFF353535), |
|
|
|
|
fontWeight: MyFontWeight.regular, |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
)), |
|
|
|
|
Container( |
|
|
|
|
Container( |
|
|
|
|
width: 16, |
|
|
|
|
height: 16, |
|
|
|
|
decoration: BoxDecoration( |
|
|
|
|
@ -370,17 +415,19 @@ class _IMPage extends State<IMPage> implements OnChatMessage {
|
|
|
|
|
color: Color(0xFFFF441A), |
|
|
|
|
), |
|
|
|
|
child: RoundButton( |
|
|
|
|
text:"99", |
|
|
|
|
text: "99", |
|
|
|
|
textColor: Colors.white, |
|
|
|
|
fontWeight: MyFontWeight.regular, |
|
|
|
|
backgroup: Color(0xFFFF441A), |
|
|
|
|
fontSize: 10.sp, |
|
|
|
|
radius: 100, |
|
|
|
|
)) |
|
|
|
|
], |
|
|
|
|
) |
|
|
|
|
], |
|
|
|
|
)), |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
); |
|
|
|
|
|
zsw
4 months ago