본문 바로가기
개발/Flutter

flutter scroll bottom으로 보내기

by dev_caleb 2022. 1. 23.
728x90

채팅 시스템을 구현할 때, 스크롤을 가장 아래로 두고 싶을 때가 있다. 어떻게 하면 편하게 구현할 지 검색했는데..

역시 해답은 stackoverflow에 있었다!

 

https://stackoverflow.com/questions/47916247/flutter-scroll-to-bottom-of-dynamic-listview

 

Flutter scroll to bottom of Dynamic ListView

I have looked and found several solutions but none seem to fit my configuration and need some assistance. I will put all my code here and see if anyone knows where to apply the ScrollController. I...

stackoverflow.com

 

To scroll bottom of dynamic ListView do as follow

ScrollController _scrollController = new ScrollController();

 

then

ListView.builder(
    controller: _scrollController,
    itemCount: list.lenght,
    itemBuilder: (BuildContext ctxt, int index) {
        return Text("GMF ${list[index]}");
    }
)

and finally

_scrollController.animateTo(_scrollController.position.maxScrollExtent, duration: const Duration(milliseconds: 500), curve: Curves.easeOut);

 

오늘도 화이팅!

 

 

728x90

'개발 > Flutter' 카테고리의 다른 글

거꾸로 써서 위치가 아래부터 나올때  (0) 2022.01.24
stream cancel 하기  (0) 2022.01.23
플러터 firebase 강좌 추천  (0) 2022.01.02
Multi future builder 만들기  (0) 2022.01.01
자주 쓰는 Futurebuilder  (0) 2022.01.01