Fluttter ThemeData

Question

Fluttter ThemeData

Я хочу установить ThemeData в свой проект, но не могу установить правильный цвет фона, я думаю, что проблема в яркости ....

      theme: ThemeData(
        colorScheme: ColorScheme(
          primary: Color(0xFF0A0E21),
          onBackground: Colors.white,
          onError: Colors.yellow,
          onSecondary: Colors.white,
          onSurface: Colors.white,
          background: Colors.yellow,
          secondary: Colors.purple,
          surface: Color(0xFF0A0E21),
          secondaryVariant: Colors.white,
          error: Colors.red,
          primaryVariant: Color(0xFF0A0E21),
          onPrimary: Color(0xFF0A0E21),
          brightness: Brightness.dark,
        ),
      ),

Яркость не может быть нулевой, так как я могу решить, чтобы у фона был правильный цвет? Я прочитал этот фон для ThemeData, это пробел между элементами, если я прокручиваю вниз. Итак, как я могу установить в ThemeData правильный фон для моего каркаса?

0

flutter dart themedata

Источник

user10268893 27 окт '21 в 16:31

3 ответа

Другие вопросы по тегам flutter dart themedata

user2880586 29 окт '21 в 03:52 2021-10-29 03:52 · Answer 1 · 2021-10-29 03:52

вам нужно использовать код, как показано ниже

      return MaterialApp(
  theme: ThemeData(
    colorScheme: const ColorScheme.dark(
      primary: Color(0xffbb86fc),
      primaryVariant: Color(0xff3700B3),
      secondary: Color(0xffcf6679),
      secondaryVariant: Color(0xff03dac6),
      surface: Color(0xffcf6679),
      background: Color(0xff121212),
      error: Color(0xffcf6679),
      onPrimary: Colors.black,
      onSecondary: Colors.black,
      onSurface: Colors.white,
      onBackground: Colors.white,
      onError: Colors.black,
      brightness: Brightness.dark,
    ),
  ),
  home: const YourPage(), 
);

в этом случае никакое свойство не требуется, поэтому измените цвета по своему усмотрению.

user11149837 27 окт '21 в 16:39 2021-10-27 16:39 · Answer 2 · 2021-10-27 16:39

Вы можете установить scaffoldBackgroundColor вашей themeData вот так.

      theme: ThemeData(
        colorScheme: ColorScheme(
          primary: Color(0xFF0A0E21),
          onBackground: Colors.white,
          onError: Colors.yellow,
          onSecondary: Colors.white,
          onSurface: Colors.white,
          background: Colors.yellow,
          secondary: Colors.purple,
          surface: Color(0xFF0A0E21),
          secondaryVariant: Colors.white,
          error: Colors.red,
          primaryVariant: Color(0xFF0A0E21),
          onPrimary: Color(0xFF0A0E21),
          brightness: Brightness.dark,
        ),
        scaffoldBackgroundColor: Colors.yellow,
      ),

user10157127 27 окт '21 в 16:51 2021-10-27 16:51 · Answer 3 · 2021-10-27 16:51

Вместо того, чтобы пройти ThemeData, использовать Theme.of(context).copyWith(). Кроме того, я бы сказал, используйте themeMode а также darkTheme.

Вместо того, чтобы переопределять все, часто имеет смысл расширить родительскую тему. Вы можете справиться с этим, используя метод copyWith ().

       theme: Theme.of(context).copyWith(
        colorScheme: const ColorScheme(
          primary: Color(0xFF0A0E21),
          onBackground: Colors.white,
          onError: Colors.yellow,
          onSecondary: Colors.white,
          onSurface: Colors.white,
          background: Colors.yellow,
          secondary: Colors.purple,
          surface: Color(0xFF0A0E21),
          secondaryVariant: Colors.white,
          error: Colors.red,
          primaryVariant: Color(0xFF0A0E21),
          onPrimary: Color(0xFF0A0E21),
          brightness: Brightness.dark,
        ),

для большего количества тем