플러터 스크롤위치 파악하는법, 더보기요청

글자 중간에 변수 넣는 경우

문자 ${변수명} 문자

스크롤 위치 기록은 StatefulWidget이 필요

  • StatefulWidget은 class가 2개, 부모가 보낸 state를 사용하는 경우 첫번째 클래스에서 등록해주고 사용은 두번째 클래스에서 사용
    사용할때는 widget.변수명과 같이 앞에 widget.이 붙어야함.

스크롤바 위치 정보

var scroll = ScrollController();
...
return ListView.builder(itemCount:3, controller: scroll);
  • ScrollController를 저장할 변수를 만들고 그 변수를 ListView.builder 위젯에 controller 파라미터로 추가하면 scroll 위치 정보가 기록됨

스크롤 할 때마다 스크롤 정보 갱신

  • scroll 변수에다 리스너를 부착해주면 가능
class _HomeState extends State<Home> {
	var scroll = ScrollController();

	
	void initState() {
		super.initState();
		scroll.addListener(() {
			print("스크롤위치");
		});
	}
}
  • 대표 참고사항
    - scroll.position.pixels : 유저가 얼마나 스크롤을 이동했는지
    - scroll.position.maxScrollExtend : 최대 스크롤을 내릴 수 있는 픽셀
    - scroll.position.userScrollDirection : 스크롤 방향이 위인지 아래인지

좋은 웹페이지 즐겨찾기