Flutterではマテリアルデザインを用いたコンポーネントをどう使うのか【テキスト編】

Widget build(BuildContext context) {
  // （1） テキストのスタイル例
  const textStyle = TextStyle(
    color: Colors.black54,
    fontWeight: FontWeight.normal,
    fontStyle: FontStyle.normal,
    decoration: TextDecoration.none,
    fontSize: 20
  );
  // （2） テキストのスタイル例
  const boldStyle = TextStyle(
    color: Colors.redAccent,
    fontWeight: FontWeight.bold,
    fontStyle: FontStyle.normal,
    decoration: TextDecoration.none,
    fontSize: 40
  );

  return Container(
    color: Colors.white,
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        //  （3） テキストでのスタイル指定例
        Text(
          'Hello World',
          textAlign: TextAlign.center,
          style: textStyle,
        ),
        //  （4） リッチテキストの使用例
        RichText(
          // （5） 行数の指定と、表示できない場合の指定
          maxLines: 1,
          overflow: TextOverflow.ellipsis,
          text: TextSpan(
            children: [
              TextSpan(text : 'さあ', style: textStyle),
              TextSpan(text : 'Flutter', style: boldStyle),
              TextSpan(text : "を始めましょう", style: textStyle)
            ]
          ),
        ),
      ],
    )
  );
)