【 Flutter 】Flutter を 基礎 から 学習 ( ウィジェット編 ) part02 基本的なウィジェット

    var rich = Text.rich(TextSpan(text: 'こんにちは', children: <TextSpan>[
      TextSpan(text: ' 美しい ', style: ★TextStyle(fontStyle: FontStyle.italic)),
      TextSpan(text: ' 世界 ', style: ★TextStyle(fontWeight: FontWeight.bold)),
    ]));

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      // home: MyHomePage(title: 'Flutter Demo Home Page'),
      initialRoute: '/',
      routes: {
        '/': (context) => FirstPage(),
      },
    );
  }
}

class FirstPage extends StatelessWidget {
  Widget build(BuildContext context) {
    final ThemeData theme = Theme.of(context);
    final TextTheme textTheme = theme.textTheme;
    // final titleStyle = textTheme.title.copyWith(color: theme.backgroundColor); ←titleプロパティは非推奨になりました。
    final titleStyle =
        textTheme.headline6!.copyWith(color: theme.backgroundColor);// このように、TextThemeの一部をコピーして使うそうです。

    return Scaffold(
      appBar: AppBar(
          title: /*const はダメ*/ Text(
        'First Page',
        style: titleStyle,
      )),
      //body: Text('本文', style: textTheme.body1), ← body1プロパティは非推奨のようです。
      body: Text('本文', style: textTheme.bodyText1),
    );
  }
}