Ошибка при изменении цвета темы флаттера на черный

Вы не можете использовать Colors.black, потому что это не MaterialColor, а primarySwatch ожидает материальную цветовую палитру.

Если вы перейдете к определению ThemeData, вы увидите следующее:

  ///  * The primary color palette (the [primarySwatch]), chosen from
  ///    one of the swatches defined by the material design spec. This
  ///    should be one of the maps from the [Colors] class that do not
  ///    have "accent" in their name.

Например, определение Colors.blue:

  static const MaterialColor blue = MaterialColor(
    _bluePrimaryValue,
    <int, Color>{
       50: Color(0xFFE3F2FD),
      100: Color(0xFFBBDEFB),
      200: Color(0xFF90CAF9),
      300: Color(0xFF64B5F6),
      400: Color(0xFF42A5F5),
      500: Color(_bluePrimaryValue),
      600: Color(0xFF1E88E5),
      700: Color(0xFF1976D2),
      800: Color(0xFF1565C0),
      900: Color(0xFF0D47A1),
    },
  );
  static const int _bluePrimaryValue = 0xFF2196F3;

Хотя определение Colors.black таково:

static const Color black = Color(0xFF000000);

Поэтому здесь нельзя использовать черный цвет. По той же причине нельзя использовать Colors.white. Эти два являются исключением из приведенного выше объяснения использования цветов, в которых нет акцентного слова.

Если вы хотите черный, вы можете создать свою собственную палитру:

const MaterialColor primaryBlack = MaterialColor(
  _blackPrimaryValue,
  <int, Color>{
    50: Color(0xFF000000),
    100: Color(0xFF000000),
    200: Color(0xFF000000),
    300: Color(0xFF000000),
    400: Color(0xFF000000),
    500: Color(_blackPrimaryValue),
    600: Color(0xFF000000),
    700: Color(0xFF000000),
    800: Color(0xFF000000),
    900: Color(0xFF000000),
  },
);
const int _blackPrimaryValue = 0xFF000000;

А затем используйте primaryBlack вместо Colors.black.

Вы можете настроить разные цвета в палитре.

Также вы холодны, просто используйте

theme: ThemeData.dark()

чтобы изменить тему вашего приложения на Темную

Я использовал следующий код, чтобы получить тему Black Color.

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(

        primaryColor: Colors.black,
        //primarySwatch: Colors.black,

      ),
      home: MyHomePage(title: 'Flutter First Home Page' ),
    );
  }
}

Цветовой код:

Внутренние данные темы: (theme_data.dart)

........
......

brightness ??= Brightness.light;
final bool isDark = brightness == Brightness.dark;
primarySwatch ??= Colors.blue;
primaryColor ??= isDark ? Colors.grey[900] : primarySwatch;
primaryColorBrightness ??= estimateBrightnessForColor(primaryColor);
primaryColorLight ??= isDark ? Colors.grey[500] : primarySwatch[100];
primaryColorDark ??= isDark ? Colors.black : primarySwatch[700];
final bool primaryIsDark = primaryColorBrightness == Brightness.dark;
toggleableActiveColor ??= isDark ? Colors.tealAccent[200] : (accentColor ?? primarySwatch[600]);
accentColor ??= isDark ? Colors.tealAccent[200] : primarySwatch[500];
accentColorBrightness ??= estimateBrightnessForColor(accentColor);
final bool accentIsDark = accentColorBrightness == Brightness.dark;
canvasColor ??= isDark ? Colors.grey[850] : Colors.grey[50];
scaffoldBackgroundColor ??= canvasColor;
bottomAppBarColor ??= isDark ? Colors.grey[800] : Colors.white;
cardColor ??= isDark ? Colors.grey[800] : Colors.white;
dividerColor ??= isDark ? const Color(0x1FFFFFFF) : const Color(0x1F000000);
.....
.......

Выход

Просто используйте primaryColor: Colors.black

Я не получаю всю эту primarySwatch cr # ^ ...

Вот как я это исправил

class MainApp extends StatelessWidget {
  static Map<int, Color> color = {
    50: Color.fromRGBO(136, 14, 79, .1),
    100: Color.fromRGBO(136, 14, 79, .2),
    200: Color.fromRGBO(136, 14, 79, .3),
    300: Color.fromRGBO(136, 14, 79, .4),
    400: Color.fromRGBO(136, 14, 79, .5),
    500: Color.fromRGBO(136, 14, 79, .6),
    600: Color.fromRGBO(136, 14, 79, .7),
    700: Color.fromRGBO(136, 14, 79, .8),
    800: Color.fromRGBO(136, 14, 79, .9),
    900: Color.fromRGBO(136, 14, 79, 1),
  };
  MaterialColor primeColor = MaterialColor(0xFF337C36, color);
  MaterialColor accentColor = MaterialColor(0xFF337C36, color);
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        primarySwatch: primeColor,
        accentColor: accentColor,
      ),
    );
  }
}

Прошу прощения, но я считаю, что ответ @chemamolins не должен быть принятым. И, возможно, необходимо прояснить некоторые ключевые моменты о цветах, потому что неправильное понимание этих концепций может привести к плохому дизайну.

О цветах:

В том-то и дело, что черный и белый - это не цвета. См .: https://adobe.com/creativecloud/design/discover/is-black-a-color.html

Физически, когда ваши глаза видят немного белого, это потому, что поверхность отражает совокупность всех цветов спектра. И поэтому вы не можете сказать, что белый «цвет», потому что это «некоторые цвета».

С другой стороны, черный - это то, что вы видите, когда никакие цвета не отражаются. А «без цветов» означает ... «без цветов», верно?

Вернуться к Flutter:

The value of this color should the same the value of index 500 and shade500.

См .: https://api.flutter.dev/flutter/material/MaterialColor-class.html

Итак, для всех значений выше 500 (600 ... 900) ничего не существует, потому что ничто не может быть темнее черного. Поэтому бессмысленно создавать образцы для чего-то подобного.

Правильное решение:

На мой взгляд, более чистое решение было предложено @ MacDonal_11

@override
Widget build(BuildContext context) {
  return MaterialApp(
    title: 'Flutter Demo',
    theme: ThemeData(
      //primarySwatch: Colors.blue,
      primaryColor: Colors.black,
      
      /**
       * ... [The rest of your config here] ...
       */
      
      visualDensity: VisualDensity.adaptivePlatformDensity,
    ),
    home: MyHomePage(title: 'Flutter Demo Home Page'),
  );
}