The class doesn't have an unnamed constructor. エラーについて

Question

下記のコードを実行しようとすると以下のようなエラーが//here1で出力されます、
The class 'TopPage' doesn't have an unnamed constructor. (view docs) Try using one of the named constructors defined in 'TopPage'.

import 'package:flutter/material.dart';
import 'dart:math';

void main() => runApp(TopPage()); //here1

class TopPage extends StatelessWidget {
  List<Widget> _tiles;
  _tiles.add(UniqueColorGenerator.getColor());// here2
  _tiles.add(UniqueColorGenerator.getColor());;// here2
  @override
  Widget build(BuildContext context) {
    return Container(
//omit
  }
}

class UniqueColorGenerator {
  static List _colorOptions = [
    const Color(0xff2196f3),
    const Color(0xfff44336),
  ];
  static Random _random = Random();
  static Color getColor() {
      final selectedColor = _colorOptions.removeAt(_random.nextInt(_colorOptions.length));
      print(selectedColor);
      return selectedColor;
  }
}

そこで、上記の"here2"について、以下のように直接List<Widget> _tilesを初期化してあげるとエラーは出力されなくなります。

class TopPage extends StatelessWidget {
//   final Color _color = UniqueColorGenerator.getColor();
  List<Widget> _tiles=[
    UniqueColorGenerator.getColor(),
    UniqueColorGenerator.getColor()
  ];
  @override
  Widget build(BuildContext context) {
    return Container(
        color: _color, 
        child: const Padding(padding: EdgeInsets.all(100.0)));
  }
}

diagnostic-messagesを参照すると、

Description
The analyzer produces this diagnostic when an unnamed constructor is invoked on a class that > defines named constructors but the class doesn’t have an unnamed constructor.

名前なしコンストラクタを呼び出そうとしているが、名前なしコンストラクタがないですよ、というメッセージに読み取れます。

オブジェクト指向およびクラスを勉強を初めたばかりで、Language Tourのコンストラクタ部分を読んでも、このエラーの意味・問題点、解決方法がわからないのですが、（基本的なコンストラクタの考え方がわかっておらず申し訳ございませんが）、アドバイス願えますでしょうか？

よろしくお願い申し上げます。

Answer 1

TopPageクラスの定義がエラー状態のため、構文解釈処理の内部的なもろもろの情報が不足し、その結果そのクラスを利用しているところで、人が理解できないエラーメッセージが出たということじゃないでしょうか。
here1のところで出たエラーがなぜこのようなメッセージになったのかについてしらべることは、今回のケースでは無意味です。

これに関してはhere1の利用側のエラーはとりあえず無視し、クラス定義をエラーなしの状態にするというのが実装時のセオリーだと思います。

Comments

[mako_0221]

コメントありがとうございます。下記のコードで意図通り実行することができました。※コメント欄のためコードブロックでなく申し訳ございません。
import 'package:flutter/material.dart';
import 'dart:math';

void main() => runApp(TopPage());

class TopPage extends StatelessWidget {
final List<Widget>? _tiles=[];

@override
Widget build(BuildContext context) {
_tiles!.add(Container(color:UniqueColorGenerator.getColor(),child: Padding(padding: EdgeInsets.all(100.0))));
_tiles!.add(Container(color:UniqueColorGenerator.getColor(),child: Padding(padding: EdgeInsets.all(100.0))));
print( _tiles);
return MaterialApp(
home:Scaffold(
appBar:AppBar(
title:Text("TESTING"),
),
body:Row(
children: _tiles!,
),
)
);
}
}

class UniqueColorGenerator {
static List _colorOptions = [
const Color(0xff2196f3),
const Color(0xfff44336),
];
static Random _random = Random();
static Color getColor() {
final selectedColor = _colorOptions.removeAt(_random.nextInt(_colorOptions.length));
print(selectedColor);
return selectedColor;
}
}

[mako_0221]

ポイントは3点ございました。
①final List<Widget>? _tiles=[];について "=[]"で初期化する必要がある。Listであることの宣言だけではなく、[]からのリストであることを示し初期化する必要がある？のですね。
②_tiles!.add(Cont..... 宣言時に?を使用しているので利用時に!を追加しました。
③Widget build(BuildContext context) {}のBody内に、_tiles!.add()を記述する。

正直3番は何故なのか理解することができませんでした。The name of a constructor must match the name of the enclosing class.のエラーに対して修正したのですが、なぜbuild()メソッド内でしか、初期化したListに対する要素の追加が許容されないのでしょうか？
build()メソッドはStatelessWidgetから承継していると言ったところに原因があるのでしょうか？super()を使って継承元に_tiles.add()で要素追加などを伝える必要があるのかと、試行錯誤したのですが、この点だけ解決に至らず、もしよければアドバイス願えますでしょうか？
重ねて申し訳ございませんが、よろしくお願い申し上げます。

[ta.fu]

The name of a constructor must match the name of the enclosing class.

_tiles.add();
上の書き方が`Named constructors`の書き方にマッチしていたので、構文解釈がそれだと認識して処理したのでしょう。
_tilesはクラス名と違うので上のエラーが出たと思います。

①②についても理解していないんじゃないかというのが見受けられます。

①
final句が付いた変数は=で初期化する必要があり、またそこ以外での代入はできません。
書き方の例外として、メンバーの場合にはコンストラクタでの初期化での代入が許されています。
また今回のケースだとメンバーでクラス内で情報が確定するわけなので、?を付けてnull許容にする必要は全くないと思います。

②
①にも書きかましたが今回のメンバーはnull許容にする必要がないので、宣言部分の?を外すのが妥当だと思います。

[mako_0221]

コメントありがとうございます。
③に関しては「_tilesはクラス名と違うので上のエラーが出たと思います。」がわからず、ずっと考えて調べていました。
https://stackoverflow.com/questions/61759492/flutter-dart-how-to-sort-list-by-key
等の記事を読んでみてふと思ったのですが、そもそもクラスの定義において、コンストラクタでもない、メソッドでもないのに、急に何かの処理「_tiles.add()」を実行することが自分でやっていて意味が分からないことだと思えてきました・・・

ということで、以下のようにコンストラクタとして実行できることを触りながら確認することができませんでした。
var _tiles = <Widget>[];
TopPage(){
_tiles.add(
Container(
color: UniqueColorGenerator.getColor(),
child: Padding(padding: EdgeInsets.all(100.0)))
);
_tiles.add(
Container(
color: UniqueColorGenerator.getColor(),
child: Padding(padding: EdgeInsets.all(100.0)))
);
}
ただ、もちろんこのようにコンストラクトとして実行して、_tilesを初期化することに意味はないように思えるので物の理解として記載いたしました。

②についてはおっしゃる通り、理解不足でした。まだ学びの段階で何となく?をつければ動くなどという感覚でやっていますが、少しずつnullを許容すべきなのかそうではない文脈なのかでしっかり使い分けていきたいと思います。
①final句の初期化については、=で初期化しなくても、以下のようにできたりできなかったり、もう少し調べて勉強してみます。
↓
class User {
final String name;
User(this.name);
}
↓これはNG
class User {
final String name;
User(name){
this.name = name
}
}