Flutter公式サイトのRichTextのサンプル内の「DefaultTextStyle.of(context).style」について

Question

前提・実現したいこと

「DefaultTextStyle.of(context).style」の仕様を理解したい。

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

まずは以下に公式のサンプルを
まるっと貼り付けたので確認して頂きたいです。

RichText(
  text: TextSpan(
    text: 'Hello ',
    style: DefaultTextStyle.of(context).style,
    children: <TextSpan>[
      TextSpan(text: 'bold', style: TextStyle(fontWeight: FontWeight.bold)),
      TextSpan(text: ' world!'),
    ],
  ),
)

上記のコードで実装すると何が起きるかというと、
以下の画像の様に真っ白で何も表示されない。

理想のコード（？）

理想というか、
自分の認識では以下の流れで使うものかと思っています。
❶「Hello」の段階でデフォルトであるスタイルを決定する。（黒文字、フォントサイズ30）
❷children: <TextSpan>[]内で「DefaultTextStyle.of(context).style」を使用することで「world!」の文字に❶で指定したスタイルが適用される
❸インラインで他のスタイルを適用する場合のみ、別でスタイルを指定する(「bold」のみデフォルトではないスタイルにする)

それを踏まえて以下のコードに書き換えました。

RichText(
      text: TextSpan(
      text: 'Hello ',
      style: TextStyle(color: Colors.black,fontSize: 30),//デフォルトを黒文字、フォントサイズ30指定
      children: <TextSpan>[
         TextSpan(
              text: 'bold', //↓デフォルトとは違うスタイルを指定
              style: TextStyle(fontWeight: FontWeight.bold,color: Colors.blue,fontSize: 48),
         ),
         TextSpan(text: ' world!', style: DefaultTextStyle.of(context).style),//デフォルト設定
      ],
     ),
    ),

そうすると、
文字が全て表示され、
「Hello」で指定したスタイルが「world!」にも適用されました。

もし仕様の認識が違っていたら、ご指摘いただければ幸いです。
宜しくお願い致します。

追記

自己解決はしましたが、
他にも見解等あれば、ご意見お待ちしております。
宜しくお願い致します。

Answer 1

デフォルトの文字色が白だった件について

もしかして…と思いアプリの背景色をグレーにしてみたら、
白文字で表示されていました。

![

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        scaffoldBackgroundColor: Colors.blueGrey,
      ),
      home: Scaffold(
          appBar: AppBar(
            title: Text('【Flutter#41-2】RichText'),
          ),
        body: Center(
          child:RichText(
            text: TextSpan(
              text: 'Hello ',
              style: DefaultTextStyle.of(context).style,
              children: <TextSpan>[
                TextSpan(text: 'bold', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 48)),
                TextSpan(text: ' world!'),
              ],
            ),
          )
        )
      ),
    );
  }
}

公式のサンプルがまぎらわしい（？）

公式のページのサンプルを見るとあたかもサンプルのコードで実装したら以下の画像になりますよ？
って言っているようなもんですよね？騙された…。

そしてお騒がせしました。