new message chat content not scroll to latest

[athlona64]

Describe the bug
when have new message chatbox content not scroll to latest is freezing

[nguyenvanzk]

This happen when the list view content's height exceed visible rect.

[athlona64]

how to solve

[hjJunior]

You can use the method animateTo from scrollController, here is the example

final scrollController = _chatViewKey.currentState.scrollController;

scrollController.animateTo(
  scrollController.position.maxScrollExtent,
  curve: Curves.easeOut,
  duration: Duration(milliseconds: 300),
);

Don't forget to define the GlobalKey (_chatViewKey)

final _chatViewKey = GlobalKey<DashChatState>();

// ... and on build method
return DashChat(
  key: _chatViewKey,
);

[ngoctranfire]

This doesn't actually solve the problem as well too. Not sure what's going on. It seems that with the visibility of the virtual keyboard, the new message is not going to it by default. One thing I tried was to increase my delay time before triggering the scrolling duration. That seems to be helpful in a lot more cases, but that didn't exactly fix it either.

[sijangurung]

Also, if there are lots of images, which will render lazily, the messageListView will not scroll to latest message.

[albrownwood]

same issue on 1.1.5

[sijangurung]

one solution to this is to set inverse: true. But then you have to get the messages in ascending order and do some custom logic.

[0xmikko]

Any news?

[vzctl]

I think it makes sense to add a parameter to the DashChat constuctor enabling that behavior, it looks like a very common use case.

[fluttercid]

Hi all,
I stored messages and when I reopen chat window, it is stay on the top so I used scroll control.
Even though, it is not working properly. I mean last message behind on input bar.
Is there any solutions for this?
Thanks

[SebastienBtr]

Hi @fluttercid, in that case you maybe have a margin issue, you can use inputToolbarMargin for that

[fluttercid]

Thank you for your answer @SebastienBtr
I tried your suggestion; however, it is not working.
I think messageviewlist height is include input box.
I made a document for it.
explain about situation.docx

[SubashManian]

i'm facing the same scroll issue in different scenario, whenever i try to open the dashchat or send a new message it stops before 1 or 2 recent messages, it's not fully scroll to bottom. This issue is happening for the scroll to bottom default button too. i'm using below line of codes to scroll.

_chatViewKey.currentState.scrollController.animateTo( _chatViewKey.currentState.scrollController.position.maxScrollExtent, curve: Curves.easeOut, duration: const Duration(milliseconds: 100), );

Thanks in advance

[mustafapc19]

I am also facing @SubashManian 's issue. Is there any hacky way to fix it?? And is there any documentation for how internals of this package works. I could help out maybe.

[ritheshSalyan]

One workaround is to use a small delay after sending message and then scroll

     await  Future.delayed(Duration(milliseconds: 500));
    _chatViewKey.currentState.scrollController.animateTo(
      _chatViewKey.currentState.scrollController.position.maxScrollExtent,
      curve: Curves.easeOut,
      duration: const Duration(milliseconds: 100),
    );