[Flutter] theme: TemeData(primarySwatch: Colors.blue,), 관한 질문

Question

초보 Flutter 입니다.

theme: TemeData(
PrimarySwatch: Colors.blue,),

이 코드가 전체적인 테마를 파란색으로 한다고 이해했는데
Appbar 부분 색상이 안보이고 제목만 보입니다.

따로 Appbar 배경색을 지정해도 되지만 왜 안되는지 궁금합니다.

Jake · Accepted Answer

복잡한 설명은 제쳐두고,
ThemeData( useMaterial3: false, primarySwatch: Colors.blue, )
로 작성하시면 원하시는 결과가 나올 것 같은데 시도해보시겠어요?

일단 아래에 흐름은, app_bar 파일에 작성되어있는 주석을 해석하여 추천 설정을 덧붙인 것입니다.

1. appBarTheme의 backgroundColor에 색상이 지정되어있으면, 해당 색상을 표시합니다. (-> 이걸 지정하시는게 제일 좋습니다.)
2. backgroundColor가 null일경우, AppBarTheme.backgroundColor를 표시합니다.
3. 2가 null일 경우, 테마의 Brightness에 따라서 달라지는데,
Brightness.light이면 ColorScheme.primary를,
Brightness.dark이면 ColorScheme.surface를 표시합니다.
(-> primaryColor 말고, ColorScheme을 사용하시는게 좋습니다. 대부분의 컴포넌트가 theme의 primaryColor에 의존하지 않는것으로 바뀌고 있어요.)

근데 최신 버전의 플러터에서는, Brightness.light의 경우에도 ColorScheme.surface를 표시하고 있으니, 이게 질문자님이 궁금해하신 포인트가 아닐까 싶습니다. material3의 영향이 아닐까 추측되네요.