import 'package:flutter/material.dart'; import 'package:cached_network_image/cached_network_image.dart'; import 'package:hive_flutter/hive_flutter.dart'; import 'package:together_mobile/database/hive_database.dart'; import 'package:together_mobile/screens/chat/components/group_chat_chat_tile.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 { const ChatScreen({super.key}); @override State createState() => _ChatScreenState(); } class _ChatScreenState extends State { Future _initData() async { if (!getIt.get().isInitialised) { await HiveDatabase.init(); getIt.get().connect(getIt.get().id, false); List> res = await Future.wait([ getMyProfile(getIt.get().id), getApplyList(getIt.get().id), getContact(getIt.get().id), ]); 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']); } } return Future(() => true); } @override Widget build(BuildContext context) { 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: RefreshIndicator( onRefresh: () async { return Future.delayed( const Duration( seconds: 2, ), ); }, 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 const Center( child: Text( '没有最新消息', style: TextStyle( fontSize: 18, letterSpacing: 5.0, ), ), ); } 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), 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 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....'), ) ], ), ); } }, ); } }