import 'dart:async'; import 'package:flutter/material.dart'; import 'package:cached_network_image/cached_network_image.dart'; import 'package:get_it_mixin/get_it_mixin.dart'; import 'package:hive_flutter/hive_flutter.dart'; import 'package:together_mobile/common/constants.dart'; import 'package:together_mobile/database/hive_database.dart'; import 'package:together_mobile/request/message.dart'; import 'package:together_mobile/screens/chat/components/group_chat_chat_tile.dart'; import 'package:together_mobile/utils/ws_receive_callback.dart'; import 'components/friend_chat_tile.dart'; import 'components/add_menu.dart'; import 'package:together_mobile/database/box_type.dart'; import 'package:together_mobile/models/websocket_model.dart'; import 'package:together_mobile/utils/format_datetime.dart'; import 'package:together_mobile/models/contact_model.dart'; import 'package:together_mobile/models/apply_list_model.dart'; import 'package:together_mobile/request/apply.dart'; import 'package:together_mobile/request/server.dart'; import 'package:together_mobile/request/contact.dart'; import 'package:together_mobile/models/user_model.dart'; import 'package:together_mobile/models/init_get_it.dart'; import 'package:together_mobile/request/user_profile.dart'; class ChatScreen extends StatefulWidget with GetItStatefulWidgetMixin { ChatScreen({super.key}); @override State createState() => _ChatScreenState(); } class _ChatScreenState extends State with GetItStateMixin { Future _initData() async { if (!getIt.get().isInitialised) { await HiveDatabase.init(); getIt.get().connect(getIt.get().id, false); String userId = getIt.get().id; List> res = await Future.wait([ getMyProfile(userId), getApplyList(userId), getContact(userId), ]); await getIt.get().init(res[0]['data']); if (res[1]['code'] == 10600) { getIt.get().init(res[1]['data']); } if (res[2]['code'] == 10700) { getIt.get().init(res[2]['data']); } Map contactAcctProfRes = await getContactAccountProfiles( getIt.get().friends.keys.toList(), getIt.get().groupChats.keys.toList(), ); if (contactAcctProfRes['code'] == 10700) { getIt.get().init(contactAcctProfRes['data']); } await _getUnreceivedMsg(userId); } return Future(() => true); } Future _getUnreceivedMsg(String userId) async { print('触发了获取信息事件..................'); final res = await getUnreceivedMsg(userId); if (res['code'] == 10900) { for (var msg in res['data'] as List>) { if (msg['event'] == 'friend-chat-msg') { receiveFriendMsg(msg, false); } else if (msg['event'] == 'group-chat-msg') { receiveGroupChatMsg(msg, false); } } } } @override Widget build(BuildContext context) { SocketStatus socketStatus = watchOnly( (WebSocketManager wm) => wm.socketStatus, ); return FutureBuilder( future: _initData(), builder: (BuildContext context, AsyncSnapshot snapshot) { if (snapshot.hasData) { return Scaffold( appBar: AppBar( leading: getIt.get().avatar.isEmpty ? const CircleAvatar( backgroundImage: AssetImage('assets/images/user_2.png'), ) : CircleAvatar( backgroundImage: CachedNetworkImageProvider( '$userAvatarsUrl/${getIt.get().avatar}', ), ), title: Text(getIt.get().nickname), centerTitle: true, actions: [ IconButton( onPressed: () {}, splashRadius: 20, icon: const Icon(Icons.search), ), const AddMenu(), ], ), // Use ListView.builder because it renders list element on demand body: Column( children: [ if (socketStatus == SocketStatus.reconnecting) Container( height: 35, width: double.maxFinite, alignment: Alignment.center, color: kErrorColor.withOpacity(0.35), child: const Text( '网络中断,正在重新连接......', style: TextStyle( fontSize: 16, color: kErrorColor, ), ), ), if (socketStatus == SocketStatus.error) Container( height: 35, width: double.maxFinite, alignment: Alignment.center, color: kErrorColor.withOpacity(0.35), child: const Text( '网络异常,请下划尝试重新连接!', style: TextStyle( fontSize: 16, color: kErrorColor, ), ), ), Expanded( child: RefreshIndicator( onRefresh: () async { if (socketStatus == SocketStatus.reconnecting) { return; } String userId = getIt.get().id; if (socketStatus != SocketStatus.connected) { getIt.get().connect(userId, true); await Future.doWhile(() async { SocketStatus socketStatus = get().socketStatus; await Future.delayed( const Duration(milliseconds: 500), ); return socketStatus == SocketStatus.reconnecting; }); SocketStatus socketStatus = get().socketStatus; if (socketStatus == SocketStatus.connected) { await _getUnreceivedMsg(userId); } } }, child: ValueListenableBuilder( valueListenable: Hive.box('chat_setting').listenable(), builder: (context, Box box, _) { final List openedChat = box.values .where((element) => element.isOpen) .toList(); // latestMsg on the top openedChat.sort( (a, b) => b.latestDateTime.compareTo(a.latestDateTime), ); if (openedChat.isEmpty) { return LayoutBuilder(builder: (context, constrains) { return ListView( itemExtent: constrains.maxHeight / 3, children: const [ SizedBox(), Center( child: Text( '没有最新消息', style: TextStyle( fontSize: 18, letterSpacing: 4.0, ), ), ), SizedBox(), ], ); }); } else { return ListView.builder( physics: const BouncingScrollPhysics( parent: AlwaysScrollableScrollPhysics(), ), itemCount: openedChat.length, itemBuilder: (BuildContext context, int index) { String contactId = openedChat[index].contactId; String showedTime = formatTileDateTime( openedChat[index].latestDateTime, ); int unreadCount = openedChat[index].unreadCount; return ValueListenableBuilder( valueListenable: Hive.box('message_$contactId') .listenable(), builder: (context, messageTBox, _) { int length = messageTBox.length; if (length > 0) { MessageT messageT = messageTBox.getAt(length - 1)!; if (openedChat[index].type == 0) { return FriendChatTile( key: ValueKey(contactId), contactId: contactId, senderId: messageT.senderId, messageType: messageT.type, text: messageT.text, attachments: messageT.attachments, dateTime: showedTime, isShowTime: messageT.isShowTime, unreadCount: unreadCount, ); } else { return GroupChatChatTile( key: ValueKey(contactId), index: index, contactId: contactId, senderId: messageT.senderId, messageType: messageT.type, text: messageT.text, attachments: messageT.attachments, dateTime: showedTime, isShowTime: messageT.isShowTime, unreadCount: unreadCount, ); } } else { return const SizedBox(); } }, ); }, ); } }, ), ), ), ], ), ); } else { return const Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ SizedBox( width: 60, height: 60, child: CircularProgressIndicator(), ), Padding( padding: EdgeInsets.only(top: 20), child: Text('Loading data....'), ) ], ), ); } }, ); } }