dart - 我们如何在flutter中更改appbar背景颜色

我正在尝试为应用程序设置一个通用主题,因此我需要将 appbar 颜色更改为指示十六进制代码的颜色 #0f0a1a

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

我尝试使用这段代码制作自定义颜色,但失败了。 如何从 themeData 执行此操作?

最佳答案

声明你的颜色:

const primaryColor = Color(0xFF151026);

MaterialApp级别(会改变整个app的AppBar Color)改变primaryColor

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

如果您想在 Widget 级别更改它,请修改 backgroundColor

  appBar: AppBar(
    backgroundColor: primaryColor,
  ),

https://stackoverflow.com/questions/51740339/

相关文章:

flutter - Flutter 中 MaterialApp 类中的构建器属性的示例?

flutter - Flutter中的水平列表列表

dart - 小部件内的 flutter 循环

flutter - Flutter中如何返回刷新上一页?

flutter - floatingactionbutton 在不同的选项卡上显示/隐藏

dart - 如何调整 ShowDialog 子项的大小

flutter - 在 mac 和 windows 之间共享解决方案时对包的路径文件引用不正确

image - 如何在 Flutter 中裁剪图像?

dart - 在 TextInputType 更改后 Controller 重置的 Flutter

flutter - 如何防止 AlertDialog 不通过点击外部关闭?