DartPadでContainerのプロパティcolorがbgに変更されてエラーとなる

Question

過去の質問の文脈に関連する質問であるのですが、複数の質問については投稿を分けてくださいという指摘を受けたことがあるため重ねてで申し訳ございませんが、ご質問させてください。

//here1の結果について、DartPadにおいて
[Container(color: Color(0xfff44336)), Container(color: Color(0xff2196f3))]
という結果を期待していて、下記のコードを作成しているのですが、実際には、
[Container(bg: Color(0xfff44336)), Container(bg: Color(0xff2196f3))]
という ドキュメントにもないプロパティに勝手に変更されていることがわかりました。

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

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

class TopPage extends StatelessWidget {
  final List<Widget>? _tiles =[
    Container(
      color:UniqueColorGenerator.getColor(),
      child: Padding(padding: EdgeInsets.all(100.0))
      ),
        Container(
      color:UniqueColorGenerator.getColor(),
      child: Padding(padding: EdgeInsets.all(100.0))
      ),
  ];

 
  @override
  Widget build(BuildContext context) {
    print( _tiles); //here1
    return MaterialApp(
      home:Scaffold(
        appBar:AppBar(
          title:Text("TESTING"),
        ),
        body:Row(
          children: <Widget>[Container(color: Color(0xff2196f3),width: 48.0,height: 48.0,), 
                             Container(color: Color(0xfff44336),width: 48.0,height: 48.0,)], //here2
        ),
      )  
    );
  }
}

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について以下のようにしたいのですが、

       body:Row(
          children: _tiles,
        ),

下記のようにエラーが出て型が合わないと言われます。
The argument type 'List<Widget>?' can't be assigned to the parameter type 'List<Widget>'. ),

もちろん、上記のコードのように、

        body:Row(
          children: <Widget>[Container(color: Color(0xff2196f3),width: 48.0,height: 48.0,), 
                             Container(color: Color(0xfff44336),width: 48.0,height: 48.0,)], //here2
        ),

とすれば、何も問題なく実行されるのですが、何故ってに公式にはないbdプロパティに変わってしまい、動作できないのでしょうか？ご存知の方が入ればご教示願えれば幸いです。
よろしくお願い申し上げます。

Answer 1

まずprintの結果について。

Container.toStringの結果は設定内容を見るデバッグメッセージを出力するものなので、コンストラクタで設定する名前やプロパティ名と異なるのがあるのは、ある意味しょうがないかも。開発者が意味をくみ取れればいいよねって感じじゃないかな。
あとcolorは背景色を設定するプロパティだから、短めの文字列でbg(backgroundの略)として出力したのだと思う。

もしくは開発初期は背景色のプロパティの設定はbgでそれに合わせてたのだけど、Flutterのバージョンアップで背景色のプロパティをcolorに変更したけど、toString側はそれに合わせて変更しなかったとか。（これは変更履歴を追っていってないので想像ですが）

次に //here2の部分。

この部分、まさしくエラーメッセージの通り型があってないということになります。
宣言はnull許容な宣言で、使用する側はnullを許容しない形。

宣言側の?を取り除くか、使用する側に!を付けるかすればエラーは出ないはずです。

Comments

[mako_0221]

ありがとうございます、エラーメッセージを適切に読み解けっていなかったようです。
てっきりbgにプロパティが変わってしまったことで発生したものと思い込んでしまいました。

nullを許容する場合の変数、定数の利用！についてエラーメッセージと学ぶことができました。
私は過去の資料やコードからトレースして学んでいるためNull安全が採用される前のDartのコードに慣れてしまっている思い込みも大きいかと思います。今後、この点は十分注意して勉強してまいります。

いつも、お時間を割いていただき、ご覧いただくだけではなくコメントをお寄せいただき深謝申し上げます。