iMessage clone (#1)

* 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 <[email protected]>
2021-02-22 16:28:44 +01:00
parent 8af74183ad
commit 2c2787c419
77 changed files with 2399 additions and 0 deletions
@@ -0,0 +1,69 @@
+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;
+}