Flutter中ThemeData的accentColor与brightness参数未定义错误解决

你当前代码里的accentColor（ThemeData中）和brightness（AppBarTheme中）参数在新版本Flutter中已被移除，所以会提示"参数未定义"。以下是针对性的修复方案：

1. 替换ThemeData中的accentColor #

Flutter 2.0之后，accentColor被整合到ColorScheme中，使用ColorScheme.secondary替代。需要在ThemeData里配置colorScheme，同时保持原有主题的配色逻辑：

• 对于lightMode，将accentColor: Colors.white替换为：

  colorScheme: ColorScheme.fromSwatch(primarySwatch: Colors.blue).copyWith(secondary: Colors.white),
  

• 对于darkMode，将accentColor: Colors.white替换为：

  colorScheme: ColorScheme.fromSwatch(primarySwatch: Colors.deepPurple).copyWith(secondary: Colors.white),
  

2. 替换AppBarTheme中的brightness #

AppBarTheme的brightness参数已被废弃，现在通过systemOverlayStyle控制状态栏样式。根据你原来的需求：

• 浅色主题的AppBar，将brightness: Brightness.light替换为：

  systemOverlayStyle: SystemUiOverlayStyle(
    statusBarBrightness: Brightness.light,
    statusBarColor: Color(0xFF3A52BC),
  ),
  

• 深色主题的AppBar，将brightness: Brightness.dark替换为：

  systemOverlayStyle: SystemUiOverlayStyle(
    statusBarBrightness: Brightness.dark,
    statusBarColor: Colors.grey[900],
  ),
  

修复后的完整代码 #

import 'package:flutter/material.dart';

class ThemeModel {
  final lightMode = ThemeData(
    primarySwatch: Colors.blue,
    primaryColor: Color(0xFF3A52BC),
    // 替换accentColor为colorScheme
    colorScheme: ColorScheme.fromSwatch(primarySwatch: Colors.blue).copyWith(secondary: Colors.white),
    iconTheme: IconThemeData(color: Colors.white),
    fontFamily: 'Manrope',
    scaffoldBackgroundColor: Colors.white,
    brightness: Brightness.light,
    primaryColorDark: Colors.grey[800],
    primaryColorLight: Colors.white,
    secondaryHeaderColor: Colors.grey[600],
    shadowColor: Colors.grey[200],
    backgroundColor: Colors.white,
    appBarTheme: AppBarTheme(
      // 替换brightness为systemOverlayStyle
      systemOverlayStyle: SystemUiOverlayStyle(
        statusBarBrightness: Brightness.light,
        statusBarColor: Color(0xFF3A52BC),
      ),
      color: Color(0xFF3A52BC),
      elevation: 0,
      iconTheme: IconThemeData(
        color: Colors.white,
      ),
      actionsIconTheme: IconThemeData(color: Colors.grey[900]),
    ),
    textTheme: TextTheme(
      subtitle1: TextStyle(
          fontWeight: FontWeight.w500, fontSize: 16, color: Colors.grey[900]),
      bodyText2: TextStyle(
          fontWeight: FontWeight.w500, fontSize: 16, color: Colors.grey[900]),
    ),
    bottomNavigationBarTheme: BottomNavigationBarThemeData(
      backgroundColor: Colors.white,
      selectedItemColor: Color(0xFF3A52BC),
      unselectedItemColor: Colors.grey[500],
    ),
  );

  final darkMode = ThemeData(
      primarySwatch: Colors.deepPurple,
      primaryColor: Color(0xFF3A52BC),
      // 替换accentColor为colorScheme
      colorScheme: ColorScheme.fromSwatch(primarySwatch: Colors.deepPurple).copyWith(secondary: Colors.white),
      iconTheme: IconThemeData(color: Colors.white),
      fontFamily: 'Manrope',
      scaffoldBackgroundColor: Color(0xff303030),
      brightness: Brightness.dark,
      primaryColorDark: Colors.grey[300],
      primaryColorLight: Colors.grey[800],
      secondaryHeaderColor: Colors.grey[400],
      shadowColor: Color(0xff282828),
      backgroundColor: Colors.grey[900],
      appBarTheme: AppBarTheme(
        // 替换brightness为systemOverlayStyle
        systemOverlayStyle: SystemUiOverlayStyle(
          statusBarBrightness: Brightness.dark,
          statusBarColor: Colors.grey[900],
        ),
        color: Colors.grey[900],
        elevation: 0,
        iconTheme: IconThemeData(
          color: Colors.white,
        ),
        actionsIconTheme: IconThemeData(color: Colors.white),
      ),
      textTheme: TextTheme(
        subtitle1: TextStyle(
            fontWeight: FontWeight.w500, fontSize: 16, color: Colors.white),
      ),
      bottomNavigationBarTheme: BottomNavigationBarThemeData(
        backgroundColor: Colors.grey[900],
        selectedItemColor: Colors.white,
        unselectedItemColor: Colors.grey[500],
      ));
}

内容的提问来源于stack exchange，提问作者Sanjeet Chukka