Início / coding / Perguntas / 79592160
Accepted
passerby
Asked: 2025-04-25 16:53:02 +0800 CST

Criar darkTheme usando lightTheme.copyWith(brightness: Brightness.dark) não funciona

  • 772

Estou tentando criar um tema escuro com base em um tema claro existente usando lightTheme.copyWith(brightness: Brightness.dark). No entanto, o aplicativo parece ignorar o brilho do tema escuro.

Meu main.dart usa o seguinte código:

@override
Widget build(BuildContext context) {
  return MaterialApp(
      theme: Themes.lightTheme,
      darkTheme: Themes.darkTheme,
      themeMode: ThemeMode.dark,
      ...
  );
}

onde Themes.lightThemee Themes.darkThemesão definidos da seguinte forma:

class Themes {
  static ThemeData get lightTheme => ThemeData(
        colorSchemeSeed: Colors.green,
      );

  static ThemeData get darkTheme => lightTheme.copyWith(
        brightness: Brightness.dark,
      );
}

O depurador mostra que o tema escuro contém brightness: Brightness.dark.

Entretanto, tudo funciona bem quando defino o tema escuro da seguinte forma, sem copyWith:

class Themes {
  static ThemeData get lightTheme => ThemeData(
        colorSchemeSeed: Colors.green,
      );

  static ThemeData get darkTheme => ThemeData(
        colorSchemeSeed: Colors.green,
        brightness: Brightness.dark,
      );
}

Alguém poderia me apontar meu ponto cego de conhecimento sobre Dart/Flutter e explicar o que acontece?

Ambiente:

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.29.3, on Microsoft Windows [Version 10.0.22631.5262], locale xx-XX)
[✓] Windows Version (11 Home 64-bit, 23H2, 2009)
[✓] Android toolchain - develop for Android devices (Android SDK version 35.0.1)
[✓] Chrome - develop for the web
[✓] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.13.6)
[✓] Android Studio (version 2024.3)
[✓] VS Code (version 1.99.3)
[✓] Connected device (3 available)
[✓] Network resources
flutter

2 respostas

  1. Isso ThemeData.copyWithsó altera a brightnesspropriedade em si (ou melhor, ColorSchemedentro dela). E o brilho em si afeta apenas coisas como, por exemplo, a cor do texto na barra de status do iOS.

    O ThemeDataconstrutor, por outro lado, faz muito mais . Dado o colorSchemeSeede brightnessele cria um esquema de cores completo para você:

    // https://github.com/flutter/flutter/blob/0cff5a3a45eeb42c24c3cd913e2716aedb656211/packages/flutter/lib/src/material/theme_data.dart#L423-L432
final Brightness effectiveBrightness =
    brightness ?? colorScheme?.brightness ?? Brightness.light;
final bool isDark = effectiveBrightness == Brightness.dark;
if (colorSchemeSeed != null || useMaterial3) {
  if (colorSchemeSeed != null) {
    colorScheme = ColorScheme.fromSeed(
      seedColor: colorSchemeSeed,
      brightness: effectiveBrightness,
    );
  }
    • 0
  2. Best Answer

    O problema aqui é que simplesmente usar lightTheme.copyWith(brightness: Brightness.dark)não converte completamente o tema em um tema escuro adequado.

    Embora brightness:Brightness.darkatualize o campo de brilho, ele não atualiza corretamente as outras propriedades do tema, como cores de fundo, cores de texto e estilo padrão, que vêm com um tema verdadeiramente escuro. Essas propriedades são geradas internamente pelo Flutter quando você cria explicitamente um tema combrightness: Brightness.dark.

    Solução:

    Defina seu tema escuro separadamente usando ThemeDatawith brightness: Brightness.dark, como você fez aqui:

    static ThemeData get darkTheme => ThemeData(colorSchemeSeed: Colors.green, brightness: Brightness.dark,);

    Isso garante que todas as propriedades relacionadas ao tema sejam alinhadas corretamente para um tema escuro.

    • 0

relate perguntas