개발/Dart & Flutter

[Flutter] 게시판 글 목록 무한 스크롤, Infinite Scrolling, Lazy Loading

Monsh 2021. 8. 5. 22:49
반응형

스크롤 컨트롤러 구현하는 코드만 있습니다.

스크롤링 하면서 게시글 가져오는 SQL 쿼리에 대해서는 새로 글을 게재하게 되면 업데이트 하겠습니다.


스크롤 컨트롤러 구현하는 방법

class ExamplePage extends StatefulWidget {
  @override
  _ExamplePage createState() => _ExamplePage();
}

class _ExamplePage extends State<ExamplePage> {
  // 화면의 스크롤을 관장하는 컨트롤러
  ScrollController _scrollController = ScrollController();
  
  @override
  void initState() {
    super.initState();
    
    // 스크롤 컨트롤러에 리스너 부여
    _scrollController.addListener(() {
      if (_scrollController.position.pixels ==
          _scrollController.position.maxScrollExtent) {
        // 화면 끝에 닿았을 때 이루어질 동작
        anyMethod();
      }
    });
  }
  
  @override
  void dispose() {
    _scrollController.dispose();
    super.dispose();
  }
}
반응형