[Flutter] CustomRefreshIndicator

custom_refresh_indicator 패키지를 사용하면 onRefresh 할 때 아이콘을 custom 할 수 있음!!

 

CustomRefreshIndicator(
	onRefresh: onRefresh,
    builder: (BuildContext context,
              Widget child,
              IndicatorController controller) {
          return PullToRefreshLoadingIndicator();
    },
    child: child
);

 

onRefresh 민감하게 반응하여 한번 감싸줌.

 

CustomRefreshIndicator(
	onRefresh: onRefresh,
    builder: (BuildContext context,
              Widget child,
              IndicatorController controller) {
          return PullToRefreshLoadingIndicator();
    },
    child: GestureDetector(
    	onTab: () {},
        child: child
    )
);

 

child 에 scroll이 동작해야지만 onRefresh가 되기 때문에 ListView 든, CustomScrollView 든, SingleChildScrollView

physics: AlwaysScrollableScrollPhysics(), 설정 해주는 게 좋음!!

 

CustomRefreshIndicator(
	onRefresh: onRefresh,
    builder: (BuildContext context,
              Widget child,
              IndicatorController controller) {
          return PullToRefreshLoadingIndicator();
    },
    child: GestureDetector(
    	onTab: () {},
        child: CustomScrollView(
        	physics: AlwaysScrollableScrollPhysics(),
        )
    )
);