본문 바로가기
Mobile/Flutter

[Flutter] 리스트 오버스크롤(List Overscroll)시 컬러 변경하기

by C_Meaning 2023. 11. 16.
728x90

Flutter에서 ListView, GridView (그 외 스크롤 가능한 리스트 모두 가능) 위젯 사용 중 발생하는 오버스크롤 컬러를 변경하는 방법입니다.

 

GlowingOverscrollIndicator 위젯으로 리스트뷰 종류의 위젯을 감싸는 방법으로 변경할 수 있습니다.

변경 전

 

GlowingOverscrollIndicator(
    color: Color, //바꿀 색상
    axisDirection: AxisDirection.down, //드래그 방향
    child: ListView.separated(
    //......
)

 

Color 파라미터에는 바꿀 색상을 입력합니다.

axisDirection 파라미터에는 드래그할 방향에 맞는 값(up, down, left, right)을 입력합니다. 드래그할 방향은 리스트의 index가 0 에서 N의 값으로 그려지는 방향입니다.

변경 후

 

728x90

댓글