imessage fix (#6)

* 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)

* fix a couple of things

* fix padding in channel preview

* fix upload + debugShowCheckedModeBanner false

* fix overflow and refactor to Divider

* fix android build

* add imessage clone hero image

* update README

Co-authored-by: Sacha Arbonel <[email protected]>

imessage/lib/message_list_view.dart

@@ -12,48 +12,52 @@ class MessageListView extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final entries = groupBy(messages.reversed,
+    final entries = groupBy(messages,
             (Message message) => message.createdAt.toString().substring(0, 10))
         .entries
         .toList();
-    return Stack(
+    return Column(
       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()
-                      ],
-                    );
-                  }),
-            )),
+        Expanded(
+          child: SizedBox(
+              height: MediaQuery.of(context).size.height * 0.9,
+              child: Align(
+                alignment: FractionalOffset.topCenter,
+                child: ListView.builder(
+                    reverse: 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()
+                              .reversed,
+                        ],
+                      );
+                    }),
+              )),
+        ),
         MessageInput()
       ],
     );