Flutter (3.16.2) - scroll했을 때 AppBar color 바뀌는 오류

guddls ju·2023년 12월 6일
3
post-thumbnail

flutter 버전을 3.16.2로 올리고 빌드했을 때 생기는 또다른 오류이다.

scroll이 가능한 스크린에서 스크롤을 하면 AppBar의 색상이 달라지고
actions 부분에 들어가는 위젯들의 크기와 위치가 깨지는 이슈가 있다.

1. on scroll change AppBar Color issue

이 부분은 AppBar에 있는 scrolledUnderElevation 옵션을 설정해주어서 해결했다.

AppBar(
scrolledUnderElevation: 0
.
.
),

flutter 버전이 업데이트 되면서 도입된 기능으로 스크롤이 사용자가 스크롤을 하면 기본적으로 앱 바에 그림자가 있는 것처럼 나타난다. 이는 콘텐츠가 그 아래에서 스크롤되고 있다는 시각적 피드백을 제공하기 위한 것으로 높이 변화에 반응하는 투명도나 특정 배경색이 있는 경우 'AppBar'의 인지된 색상을 변경할 수도 있다.
그래서 scrolledUnderElevation: 0을 설정하면 스크롤할 때 앱 바에 고도가 표시되지 않으므로 시각적 변화나 그림자 효과가 발생하는 것을 방지할 수 있다.

2. actions widget 위치&크기 조정

이 부분도 마찬가지로 flutter 버전이 업데이트 되면서 위치와 크기의 기본값이 달라져서 발생한 문제인것으로 보인다.

profile
효율에 미친자

8개의 댓글

comment-user-thumbnail
2024년 2월 13일

감사합니다.. 도움받고갑니다!

1개의 답글
comment-user-thumbnail
2024년 3월 13일

감사합니다 명확하게 해결되었습니다 :)

1개의 답글
comment-user-thumbnail
2024년 4월 14일

와... scrolledUnderElevation 이 값을 바꿔야겠단 생각은 했는데 0이어야만 할줄은 몰랐네요;;
진짜 플러터 이놈들은 업데이트를 할꺼면 기존꺼를 변형하지 말고 업데이트를 해야하는데 개빡치네욬ㅋㅋㅋㅋ
덕분에 잘 고쳤습니다 감사합니다~!

1개의 답글
comment-user-thumbnail
2024년 10월 2일

덕분에 해결하고 갑니다 뭐 이런 문제가 다 있는지 참;;

답글 달기
comment-user-thumbnail
5일 전

감사합니다!

답글 달기