Sacha Arbonel
2c2787c419
* first draft : static views wip * refactor to ChatMessage and ChatMessageHeader * add pedantic * fix lints * remove hardcoded message * appBar title : iMessage * format date * cupertino style and model view * fix display of message based on isReceived or sent * SendMessageInput * refactor to MessagesPage * MissingPluginException * use builtins instead of custom stream builders * handle isReceived * delete channel header * fix layout issues in ChannelPreview * fix formatDate * sticky message input * usage of builtin MessageListCore * remove unused imports and a todo * rename channelsStates to channels * replace file imports /w package:imessage/filename * remove size required ChannelNameText * lint and format * sendMessage * transition animation * stream_chat_flutter_core instead * format Date differently if same week * add padding to bubble * remove iMessage text from header * reverse message order * if same day don't display date * padding chat bubble right * remove unused extension * constraint message width * group messages By dates * unused import * fix bug input + layout+ preview onTap * change updatedAt to createdAt * add filter on channel * handle refresh * handle pagination with core LazyLoadScrollView * preview simple medias * upload bug * fix attachment * visual changes to message input * remove size * clean up * wait 5 sec before displaying image(hack) Co-authored-by: Salvatore Giordano <salvatoregiordanoo@gmail.com>
70 lines
2.6 KiB
Dart
70 lines
2.6 KiB
Dart
import 'package:collection/collection.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:imessage/message_header.dart';
|
|
import 'package:imessage/message_input.dart';
|
|
import 'package:imessage/message_widget.dart';
|
|
import 'package:stream_chat_flutter/stream_chat_flutter.dart'
|
|
show Message, StreamChatCore;
|
|
|
|
class MessageListView extends StatelessWidget {
|
|
const MessageListView({Key key, this.messages}) : super(key: key);
|
|
final List<Message> messages;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final entries = groupBy(messages.reversed,
|
|
(Message message) => message.createdAt.toString().substring(0, 10))
|
|
.entries
|
|
.toList();
|
|
return Stack(
|
|
children: [
|
|
SizedBox(
|
|
height: MediaQuery.of(context).size.height * 0.9,
|
|
child: Align(
|
|
alignment: FractionalOffset.topCenter,
|
|
child: ListView.builder(
|
|
shrinkWrap: true,
|
|
itemCount: entries.length,
|
|
itemBuilder: (context, index) {
|
|
|
|
return Column(
|
|
children: [
|
|
Padding(
|
|
padding:
|
|
const EdgeInsets.fromLTRB(8.0, 24.0, 8.0, 8.0),
|
|
child: MessageHeader(
|
|
rawTimeStamp: entries[index].key), //date
|
|
),
|
|
...entries[index].value //messages
|
|
.map((message) {
|
|
return MessageWidget(
|
|
alignment: isReceived(message, context)
|
|
? Alignment.centerLeft
|
|
: Alignment.topRight,
|
|
color: isReceived(message, context)
|
|
? CupertinoColors.systemGrey5
|
|
: CupertinoColors.systemBlue,
|
|
messageColor: isReceived(message, context)
|
|
? CupertinoColors.black
|
|
: CupertinoColors.white,
|
|
message: message,
|
|
);
|
|
}).toList()
|
|
],
|
|
);
|
|
}),
|
|
)),
|
|
MessageInput()
|
|
],
|
|
);
|
|
}
|
|
|
|
bool isReceived(Message message, BuildContext context) {
|
|
final currentUserId = StreamChatCore.of(context).user.id;
|
|
return message.user.id == currentUserId;
|
|
}
|
|
|
|
bool isSameDay(Message message) =>
|
|
message.createdAt.day == DateTime.now().day;
|
|
}
|