Hi, to clarify my question, I'll post code in case being missunderstand.

Now I am using this way to add list to _mode.controller:

widget.chatBloc.chatWithMembers.listen((event) {
      gLogger.i("chatWithMembers: $event");
      // _model.controller.notifyChanges();
      _model.controller.addAll(event);
    });

This works on first init load which addAll list. But when I update the list order in stream, (only update order, not insert or add any items). the stream will update right? But there addAll will add all again. But I just need update. So that the list will add twice.

My question is, currently ChatListController only have a addAll function, how to update the order anyway? If it have .clear() then I can just clear and addAll, but currently not same as List in dart. What should users do in this siutation?

Hi, what to do if I want add a status bar (a container with a text in center of it indicates connection of chat). How to do it for now?

I tried stack ChatList inside Column, the widget tree will broken.

Hi, take your example code as example:

return ChatsList(
        chatsListStyle: ChatsListStyle(physics: BouncingScrollPhysics()),
        controller: _model.controller,
        appUserId: _model.localUser.id,
        scrollHandler: handleScrollEvent,
        groupAvatarStyle: GroupAvatarStyle(
            withSeparator: false,
            separatorColor: Colors.white,
            mode: GroupAvatarMode.aligned),
        builders: ChatsListTileBuilders(
            groupAvatarBuilder: (context, imageIndex, itemIndex, size, item) {
              final chat = item as ChatWithMembers;
              return Image.asset(chat.membersWithoutSelf[imageIndex].avatar,
                  width: size.width, height: size.height, fit: BoxFit.cover);
            },
            lastMessageBuilder: _buildLastMessage,
            wrapper: _buildTileWrapper,
            dateBuilder: (context, date) => Padding(
                padding: EdgeInsets.only(left: 16),
                child: Text(DateFormatter.getVerboseDateTimeRepresentation(
                    context, date)))),
        areItemsTheSame: (ChatBase oldItem, ChatBase newItem) =>
            oldItem.id == newItem.id);

the chats is controlled inside controller: _model.controller, right? Then my question is, how to make it work with bloc stream?

I mean, typically using a StreamBuilder and a stream from my bloc to feed data into this controller, is there way to make this happen?

Here is my code:

gLogger.i("init controller items: ${_controller.items.length}");
    _controller.items.clear();
    _controller.notifyChanges();
    _chatBloc.fetchLocalMsgsForSession(_chat.id);
    subscription = _chatBloc.crtChatMsgs.listen((event) {
      _controller.addAll(event);
      _controller.notifyChanges();
      gLogger.i("now controller items: ${_controller.items.length}");
    });

this is inside my initState function, so I want clear items every time enter a new chatPage. But it doesn't do this.

Normally, first log should be 0, and every time crtChatMsgs only fetechs 25 msgs from local. So everytime it enters chatPage, it should be 25 msgs.

However, first time:

this is normal, then I switch to another chatid (another chat page):

As u can see, second time the msg doesn't clear at all. It becomes 50, double of them. Normally, it should be fresh 25 msgs.

And the UI actually doesn't updated still contains data from previous chatid.

What could be the reason?

(I am new to flutter maybe I did something wrong but this lib is really useful, so I use it)

Hi,

Thanks for open sourcing this kit. I was wondering if it supports loading images from a network. I couldn't get that to work. Is there some widget that could be extended or something? Thanks.

https://github.com/bnxm/implicitly_animated_reorderable_list/issues/77#issuecomment-853332816

After a long discussion with this lib author, it seems can set the padding value to ImplicitlyAnimatedList. My proposal is can you consider expose this params out so that users can choose to set it or not? thanks.

this is normal ListView:

this is ChatsList

Hi, I am not here report a bug or problem of this package. On the opposite using this lib I managed to build a useful chat App.

But I found a slightly bias behavior might not notice by you. As you can see, when the List scroll to the bottom, ChatsList can not handle with the bottomBar, while ListView can handle, on the other words, ListView the last item will not blind by the navigationBar, this can be notice easily if your bottomBar blurred.

Is there a way to replace ChatsList with ListView while also preserve all other features? I really don't know why they behavior such bias

It's too low and some basic package will conflict:

and just_audio >=0.3.0 <0.7.0-nullsafety.0 then image >=2.1.18 <3.0.0-nullsafety.0.
And because chat_ui_kit >=1.1.5 depends on just_audio ^0.6.13 and image >=2.1.14 <3.0.0-nullsafety.0 depends on xml ^4.2.0, if karyo from git and chat_ui_kit >=1.1.5 then xml ^4.2.0.

Some mordern pakcage already using latest package. But just_audio inside this repo doesn't update yet.

It still needs some lower basic lib which conficts with other mordern lib

There is no mention of stylizing the input provided with the library, even digging through the code it is apparent that this is not yet implemented link. Thank you

Hi Your library is so great ! thank you so much to share it.

Use case:

1. User want to reply to a message
2. User want to modify his own message

For use case 2, im using existing API on controller https://github.com/themadmrj/chat_ui_kit/blob/3d03ae5de83906d01a4cd78bff2758be2397a0c2/lib/src/utils/controllers.dart#L100

The process is : Mark a message > Update the UI > When a message is send > Detect if a message is marked > Update database according to

It enable me, to update the UI (show the old message on top of the submit form). When user is done, i unselect

selectis a great way to select multiple messages once, and make something on them. But we need also, a markAsModify, markAsReply to make the controller more complete.

void mark(T item, String family) {
    _markItems[family] = item;
    notifyListeners();
    _controller.sink.add(****);
  } 

Hi, From your example, each ChatWithMembers must have a lastMessage not null. But, when creating a new instance of ChatWithMembers, lastMessage is necessarily null.

Error is thrown here : https://github.com/themadmrj/chat_ui_kit/blob/3d03ae5de83906d01a4cd78bff2758be2397a0c2/lib/src/widgets/core/chats_list_tile.dart#L162

How handle a chat without messages ?

Nelson,

Hello there,

I found out chat_ui_kit error during compilation for device with android 33. This package flutter_video_info is the main culprit and seems not maintain by the developer anymore. Any plan to replace/remove it?

Thanks

Hello, i'm using your plugin since early this year. but i found an error, it happened in chat list and i think that because of implicitly_animated_list plugin. and error appeared if i have 39+ items in chat list.

This is the error from my console log :

E/flutter ( 5273): [ERROR:flutter/lib/ui/ui_dart_state.cc(209)] Unhandled Exception: Invalid argument(s): Illegal argument in isolate message: (object extends NativeWrapper - Library:'dart:io' Class: _RandomAccessFileOpsImpl@13069316) E/flutter ( 5273): #0 Isolate._spawnFunction (dart:isolate-patch/isolate_patch.dart:395:25) E/flutter ( 5273): #1 Isolate.spawn (dart:isolate-patch/isolate_patch.dart:375:7) E/flutter ( 5273): #2 compute package:flutter/…/foundation/_isolates_io.dart:22 E/flutter ( 5273): #3 MyersDiff.diff package:implicitly_animated_reorderable_list/…/diff/myers_diff.dart:47 E/flutter ( 5273): #4 MyersDiff.withCallback package:implicitly_animated_reorderable_list/…/diff/myers_diff.dart:24

and this is my UI with 39+ items in list, when i refresh the ui / set state, the error will appear.

Thanks before :)