it-swarm-ko.tech

플러터에서 앱바 배경색을 변경하는 방법

앱의 공통 테마를 설정하려고하므로 16 진수 코드를 나타내는 색상으로 앱 바 색상을 변경해야합니다 # 0f0a1a

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

이 코드를 사용하여 사용자 정의 색상을 만들지 만 실패합니다. themeData에서 어떻게 할 수 있습니까?

7
Vineeth Mohan

당신의 색깔을 이렇게 선언하십시오

const PrimaryColor = const Color(0xFF151026);

그런 다음 MaterialApp 레벨에서 (전체 앱에서 AppBar 색상이 변경됨) PrimaryColor

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

위젯 수준에서 변경하려면 backgroundColor

  appBar: AppBar(
    backgroundColor: PrimaryColor,
  ),
16
Raouf Rahiche

전체 PrimaryColor를 변경하지 않으려면 AppBarTheme에서 ThemeData을 (를) 정의 할 수도 있습니다.

MaterialApp(
  title: 'Flutter Demo',
  theme: ThemeData(
       appBarTheme: AppBarTheme(
     color: Color.fromARGB(200, 255, 255, 255),
  )),
  home: myApp(),
)
0
Hugo H