Flutter 플러터에서 앱바의 배경색을 어떻게 변경할 수 있을까요?, How can we change appbar background color in flutter

질문

앱의 공통 테마를 설정하려고 하기 때문에 appbar 색상을 hex 코드 #0f0a1a를 나타내는 색상으로 변경해야합니다.

const MaterialColor toolbarColor = const MaterialColor(
    0xFF151026, const <int, Color>{0: const Color(0xFF151026)});

나는 이 코드 조각을 사용하여 사용자 정의 색상을 만들려고 시도했지만 실패했습니다. themeData에서 어떻게 할 수 있을까요?

답변

색상을 선언하세요:

const primaryColor = Color(0xFF151026);

MaterialApp 수준에서 (전체 앱의 AppBar 색상을 변경함) primaryColor을 변경하세요.

return MaterialApp(
  title: 'Flutter Demo',
  theme: ThemeData(
   primaryColor: primaryColor,
   ),
  home: MyApp(),
);

그리고 위젯 수준에서 변경하려면 backgroundColor을 수정하세요.

  appBar: AppBar(
    backgroundColor: primaryColor,
  ),