flutter appbartheme类构造者弃用

Question

为了开始学习颤动的跨平台应用程序开发，我正在跟随Nick Manning的。但是，在视频的43:47处，我得到以下 error 。

本质上，应用程序类是由Main的RunApp方法的Runapp（）方法调用的类。所讨论的代码是themedata小部件的AppBartheme参数。将常数命名的AppBartextStyle作为文本构造函数的参数，而AppBartheme的参数又是AppBartheme的参数。目前，该程序实际上无法实现任何建设性的输出，但是我试图为程序的其余部分设置文本主题，而该主题不起作用。

app.dart and style.dart的代码如下。

// app.dart

import 'package:flutter/material.dart';
import 'screens/location_detail/location_detail.dart';
import 'style.dart';

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: LocationDetail(),
      theme: ThemeData(
        appBarTheme: AppBarTheme(
          textTheme: TextTheme(title: AppBarTextStyle),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';

const LargeTextSize = 26.0;
const MediumTextSize = 20.0;
const bodytextSize = 16.0;

const String FontNameDefault = "Montserrat";

const AppBarTextStyle = TextStyle(
  fontFamily: FontNameDefault,
  fontWeight: FontWeight.w300,
  fontSize: MediumTextSize,
  color: Colors.white,
);

看完颤动 appbartheme class api api文档，似乎看来自视频发布以来，AppBartheme的构造函数已被贬低。这是“扑面文档”中给出的弃用消息：

@depreced（'此属性不再使用，请改用systemoverlayStyle。'''此功能在v2.4.0-0.0.0.pre。

如下提示，我尝试用建议的命名构造函数SystemOverLayStyle替换默认的构造函数。但这是无济于事的，因为我收到以下错误消息。

我不知道如何修复我的代码，非常感谢您的帮助。提前致谢！

Answer 1

为了更改AppBar文本主题，您需要使用 ToolbartextStyle 和 titletlextStyle 。

theme: ThemeData(
  appBarTheme: AppBarTheme(
    toolbarTextStyle: TextStyle(..),
    titleTextStyle: TextStyle(..),
  ),
),

扩展父主题更好，更好

更好的丰富内容是 cookbook/design/themes

Answer 2

您应该这样使用它，而不是 texttheme ：

 MaterialApp(
      theme: ThemeData(
        appBarTheme: AppBarTheme(
          color: darkBlue,
          toolbarTextStyle: const TextTheme(
            headline6: TextStyle(
              color: Colors.white,
              fontSize: 20,
            ),
          ).bodyText2,
          titleTextStyle: const TextTheme(
            headline6: const TextStyle(
              color: Colors.white,
              fontSize: 20,
            ),
          ).headline6,
        ),
      ),
      home: SafeArea(
        child: const Scaffold(
          body: MyStatefulWidget(),
        ),
      ),
    );