flutterのmain.dartでのエラーを解決したい

Question

前提・実現したいこと

flutterのmain.dartをいじっていて、いったんもとに戻そうとしたらエラーが起きました。

発生している問題・エラーメッセージ

The getter 'display1' isn't defined for the type 'TextTheme'.
Try importing the library that defines 'display1', correcting the name to the name of an existing getter, or defining a getter or field named 'display1'

該当のソースコード

import 'package:flutter/material.dart';

// B. main関数
void main() {
  // C. runApp関数
  runApp(const MyApp());
}

// D. StatelessWidgetを継承したクラス
class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      // N-1. Theme
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

// E. StatefulWidgetを継承したクラス
class MyHomePage extends StatefulWidget {
  // コンストラクター
  const MyHomePage({Key? key, required this.title}) : super(key: key);

  // 受け取った文字列の入れ物
  final String title;

  @override
  State<StatefulWidget> createState() => _MyHomePageState();
}

// F. Stateを継承したクラス
class _MyHomePageState extends State<MyHomePage> {
  // G. 状態の保持と更新
  int _counter = 0;
  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  // H. _MyHomePageStateのbuildメソッド
  @override
  Widget build(BuildContext context) {
    // K. ページはScaffoldで組む
    return Scaffold(
      // L. AppBar
      appBar: AppBar(
        title: Text(widget.title),
      ),
      // M. bodyでページの中身をレイアウト
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            const Text(
              'You have pushed the button this many times:',
            ),
            // I. _counterの表示
            Text(
              '$_counter',
              // N-2. Theme
              style: Theme.of(context).textTheme.display1,
            ),
          ],
        ),
      ),
      // J. ボタン操作に応じて_counterを増やす
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ),
    );
  }
}

試したこと

エラーメッセージをコピペして、googleで探った。
versionが古いからなんだとか書いてあったけど、一週間前に始めたばかりなので、それはないかなと。

補足情報（FW/ツールのバージョンなど）

windows11
vscode

Answer 1

display1 は最近のバージョンのライブラリでは廃止されているため、それと同等の headline4 を使うようにすればビルドが通るようになると思います。

              // N-2. Theme
-              style: Theme.of(context).textTheme.display1,
+              style: Theme.of(context).textTheme.headline4,

参考：
Flutter styleの'title'はdeprecatedになり'headline6'になった模様。 - Qiita

Comments

[power-chan]

ありがとうございました！できました！