간단하게 색다른 리프레시 인디케이터 만들기

enoch·2021년 12월 26일
0

플러터

목록 보기
12/17
post-thumbnail

1.개요

일단 플러터에는 기본적으로 지원하는 리프레시인디케이터가 있다.

그래도 기본인디케이터는 너무나도 이쁘고 완벽하지만... 그래도 남들 다쓰고있는 인디케이터라는게 살짝 문제인것같다
근데 이 안에 빌더가 존재하기는하는데.. 이게 컨트롤 인디케이터 빌더여서 무엇을 빌드하는지 살짝 애매하다.
그래서 조금더 쉽게 하려고 그냥 기본 쿠퍼티노인디케이터를 뜯어고쳤다.

1.5.인디케이터 만들기

이건 저번포스팅에 적어놓은게있기때문에 간단하게 언급만하고 패스하겠다.
일단. 기본적으로 제공하는 인디케이터는 플러터 내부 custompaint를 사용해서 만들었지만..
굳이 편한방법내비두고 어렵게 하기는 싫기때문에 rive 를 이용했다.


대충로딩인지 알아볼정도만...

2. 수정하기

먼저 cupertinorefresh 를 뒤져보자

내리다보니 대충 로딩의 상태에 맞게끔 빌드가 되는 부분을 발견했다.
그럼 저기 CupertinoActivityIndicator를 조금 수정하면 될꺼같다.

안으로 들어가니 커스텀페인트가 나온다.
하지만 우리는 rive를 사용할꺼기때문에 이부분을 지우고 rive를 집어넣어보자

먼저 cupertinoSliverRefreshController의 내용을 통째로 복사해서 이름을 custom_sliver_refresh로 바꿔준다음 아까 찾은부분을 수정했다.

상태에따른 인디케이터 렌더링 부분

새로운 rive를 활용한 인디케이터

이렇게 하면 매우간단하게 인디케이터를 변경할수있다..

뭐 저기 빌더쓰는방법을 안다면 더더욱쉽겠지만.. 아니면말구.. 이래도 결과는 같은데다가 리소스먹는것도 거의 비슷할테니 상관없을꺼같다. ㅋㅋㅋㅋ

3. 결과

대강 이렇게 결과가 나온다.

해당내용과 riv파일은 github에 올려두었다.
링크는 저번포스트 참고

고럼 이만

profile
플러터존잼

0개의 댓글