Flutter ScrollController in ListView

Question

I made a chat app in flutter . i want when i open the chat page automatic scroll to the last message like real whats app or messenger . i want when i open the page i be in the last message . i dont want to use reverse in list View

i tried to do this in innit state but it didn't work when i open the chat page for first time but after that it work fines

WidgetsBinding.instance.addPostFrameCallback((_) {
          scrollController.jumpTo(scrollController.position.maxScrollExtent);
        });

score 0 · Accepted Answer · answered Jan 11 '23 at 13:34

0

Using jumpTo will instancly move to bottom after 1st frame is build. You can include a FutureDelay(..) but .animateTo looks better.

  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) async {
      await scrollController.animateTo(
          scrollController.position.maxScrollExtent,
          duration: Duration(seconds: 1),
          curve: Curves.bounceIn);
    });
  }

Find more about /ScrollController/animateTo

answered Jan 11 '23 at 13:34

Md. Yeasin Sheikh

54,221
7
29
56

not working when i open the chat page for the first time too – khaled mohamed Jan 11 '23 at 13:37
are you using tabBarView as parent? or other widget that isnt lazy loading – Md. Yeasin Sheikh Jan 11 '23 at 13:39
depends on parent widget you are using – Md. Yeasin Sheikh Jan 11 '23 at 13:41
thank u it works when i use future delay – khaled mohamed Jan 11 '23 at 13:41

Flutter ScrollController in ListView

1 Answers1