时间戳

首页 > 解决方案 > 如何在flutter中分配primarySwatch中的十六进制颜色代码？

flutter - 如何在flutter中分配primarySwatch中的十六进制颜色代码？

问题描述

我想在 primarySwatch 属性中插入一个十六进制颜色代码，这是我尝试做的：

           return MaterialApp(
             title: 'Login Demo',
             theme: ThemeData(
              // brightness: Brightness.dark,
               primarySwatch: Color(0xFF3399FF),

标签： flutter

解决方案

本教程展示了一个可以从Color.

MaterialColor buildMaterialColor(Color color) {
  List strengths = <double>[.05];
  Map swatch = <int, Color>{};
  final int r = color.red, g = color.green, b = color.blue;

  for (int i = 1; i < 10; i++) {
    strengths.add(0.1 * i);
  }
  strengths.forEach((strength) {
    final double ds = 0.5 - strength;
    swatch[(strength * 1000).round()] = Color.fromRGBO(
      r + ((ds < 0 ? r : (255 - r)) * ds).round(),
      g + ((ds < 0 ? g : (255 - g)) * ds).round(),
      b + ((ds < 0 ? b : (255 - b)) * ds).round(),
      1,
    );
  });
  return MaterialColor(color.value, swatch);
}

然后在主题中您可以执行以下操作：

      primarySwatch: buildMaterialColor(Color(0xFF3399FF)),

推荐阅读