flutterアプリを作ってみたい3-1

main.dart

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

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    /// ランダムな2単語生成はRandomWordStateに任せます。
    /// final wordPair = new WordPair.random();
    return new MaterialApp(
      title: 'Flutterへようこそ',
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text('Flutterへようこそ'),
        ),
        body: new Center(
          /// childツリーにはTextの追加ではなく、RandomWordsウィジェットの追加にします。
          /// Textの追加はRandomWordStateに任せます。
          /// child: new Text(wordPair.asPascalCase),
          child: new RandomWords(),
        ),
      ),
    );
  }
}

/// これがステートフルウィジェットです。
/// ステートフルウィジェットは変化する状態を保持します。
class RandomWords extends StatefulWidget {
  /// 上記で言った変化する状態というのが、
  /// createStateメソッドで作成しているRandomWordsStateインスタンスです。
  @override
  createState() => new RandomWordsState(); 
}

/// これがステートフルウィジェットのステート部分です。
/// RandomWordsウィジェットの状態を保持するのがこのクラスの仕事です。
class RandomWordsState extends State<RandomWords> {
  /// 今までMyappのbuildメソッドの中でやってたことを、こちらにやらせます。
  /// 要は
  /// RandomWordsウィジェットの状態として文字ペアの変化状態を保持するわけです。
  @override
  Widget build(BuildContext context) {
    final wordPair = new WordPair.random();
    return new Text(wordPair.asPascalCase);
  }
}