如何在主题上更改 Colors.orage ro Colors.orage[800]？

Question

我需要更改整个应用程序主题。我在我的主要方法中添加了这个。是更改整个应用程序主题的最佳方式还是另一种方式？请告诉我。

@override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: new ThemeData(
        primarySwatch: Colors.orange
      ),

我需要换成Colors.orange[800]。我添加了这个颜色代码但没有工作错误即将到来。

Answer 1

primarySwatch 除了 MaterialColor，Colors.orange[800] 是 Color。

要解决此问题，您可以将 primaryColor 设置为 Colors.orange[800] 。

或者为 primarySwatch 创建自定义 MaterialColor 对象，如下所示：

MaterialColor materialOrange = MaterialColor(
    0xFFEF6C00, // this is the primary color, it is set to the value of orange[800]
    <int, Color>{
       50: Color(0xFFFFF3E0),
      100: Color(0xFFFFE0B2),
      200: Color(0xFFFFCC80),
      300: Color(0xFFFFB74D),
      400: Color(0xFFFFA726),
      500: Color(0xFFF57C00),
      600: Color(0xFFF57C00),
      700: Color(0xFFF57C00),
      800: Color(0xFFEF6C00),
      900: Color(0xFFE65100),
    },
  );