web-dev-qa-db-ja.com

フラッターでアプリバーの背景色を変更するにはどうすればよいですか

アプリの共通テーマを設定しようとしているので、アプリバーの色を16進コード＃0f0a1aを示す色に変更する必要があります

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

このコードを試してカスタムカラーを作成しますが、失敗します。 themeDataからこれを行うにはどうすればよいですか？

dartflutterflutter-layout
7
Vineeth Mohan

このようにあなたの色を宣言してください

const PrimaryColor = const Color(0xFF151026);

MaterialAppレベルで（アプリ全体でAppBar Colorを変更します）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