본문 바로가기
Flutter/Flutter FAQ

Flutter AppBar의 텍스트 색상과 FAB의 아이콘 색상을 테마를 사용하여 전체적으로 변경하는 방법은 무엇인가요?, How to change text color of AppBar, icon color of FAB universally using theme?

by 베타코드 2023. 8. 23.
반응형

질문


나는 AppBar의 배경색을 Colors.amber로 설정할 수 있습니다. 이로 인해 텍스트 색상은 자동으로 검정색으로 설정됩니다. 접근성 문제가 발생할 수 있음을 알고 있지만, 어쨌든 텍스트 색상을 흰색으로 설정하고 싶습니다.

여전히 AppBar에서 텍스트 색상을 설정할 수 있지만, 전체적으로 설정하고 싶습니다.

내 앱에 사용 중인 테마는 다음과 같습니다.

title: 'Flutter Demo',
theme: new ThemeData(
  primarySwatch: Colors.amber,
  textTheme: Theme.of(context).textTheme.apply(
    bodyColor: Colors.white,
    displayColor: Colors.white,
  ),
),

답변


가장 직관적인 방법은 작업 중인 테마에 대한 제목 색상을 조정하는 것입니다:

theme: new ThemeData(
  primarySwatch: Colors.grey,
  primaryTextTheme: TextTheme(
    headline6: TextStyle(
      color: Colors.white
    )
  )
)
반응형

댓글