[ Flutter ] 화면 스크롤 시 AppBar 색상이 변경되는 문제 해결

 

 

플러터로 앱 스크린 구현 중 다음과 같은 현상이 발생하였다.

출처 : stackoverflow

 

 

SingleChildScrollView를 사용하여 화면을 스크롤하게 만든 다음, 화면을 스크롤하면 appbar의 색상이 변경되는 현상인데,

이게 눈에 너무 거슬려서 꼭 해결해야 하는 문제라고 생각했다.

 

구글링 결과 찾은 방법은 다음과 같다.

 

1. scrolledUnderElevation : 0 

무슨 이유인지 해결되지 않았다.

 

2. surfaceTintColor : Colors.transperent

이것도 해결되지 않았다.

 

내가 해결한 방법은 바로 forceMeterialTransparency : true 였다.

이걸 추가하니 바로 해결되었다.

appBar: AppBar(
        forceMaterialTransparency: true,
      ),