RichTextにランダムに選択された文字列を描画したい

Question

Flutterでモバイルアプリを作成しています。
画面にボタンの押下に対応して配列から選んだアルファベットをランダムに表示する機能を実装しようとしています。
現在シュミレーター上ではボタンを押下すると「Another exception was thrown: type 'List<String>' is not a subtype of type 'String' in type cast」とメッセージが出るのみで表示はnullから変化しません。
どのように修正すれば文字列が描画されるようになるでしょうか。
ご教示頂ければ幸いです。

import 'package:flutter/material.dart';
//link
import 'package:link/link.dart';
//random
import 'dart:math';
import 'dart:math' as math;
//gesture
import 'package:flutter/gestures.dart';

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'trigger+words',
      home: AppMain(title: 'trigger+words'),
    );
  }
}

class AppMain extends StatefulWidget {
  AppMain({Key key, this.title}) : super(key: key);
  final String title;

  @override
  _AppMainState createState() => _AppMainState();
}

class _AppMainState extends State<AppMain> {

  //配列からランダムに文字を選ぶ関数
  choice(){
    setState(() {
      String words = ['', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', ] as String;
      var new = new Random();
      String _newword = words[0];
      _nowword = words[now.nextInt(words.length)];
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            RaisedButton(
              onPressed: (){choice();},
              child: Text('単語'),
            ),
            //問題箇所、シミュレーターを起動するとnullと表示、ボタンを押すと
            //Another exception was thrown: type 'List<String>' is not a subtype of type 'String' in type cast
            //と表示が出るものの、検索しても理解できる記述が見つけられない。
            RichText(
              text: TextSpan(
              style: DefaultTextStyle.of(context).style,
              children: <TextSpan>[
              TextSpan(
              text: '$_newword',
              style: TextStyle(color: Colors.red),
            ),
          ],
        ),
            )],
        ),
      ),
      
    );
  }
}

Answer 1

リストの宣言が正しくないと思います。文字列のリストは List<String> です。

以下のようにすればいいと思います。

List<String> words = ['', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', ];

他の部分もややおかしくなっていたので、動くように直してみたコードを貼っておきます

import 'dart:math';

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'trigger+words',
      home: AppMain(title: 'trigger+words'),
    );
  }
}

class AppMain extends StatefulWidget {
  AppMain({Key key, this.title}) : super(key: key);
  final String title;

  @override
  _AppMainState createState() => _AppMainState();
}

class _AppMainState extends State<AppMain> {
  String _nowword;

  //配列からランダムに文字を選ぶ関数
  choice() {
    setState(() {
      List<String> words = [
        '',
        'A',
        'B',
        'C',
        'D',
        'E',
        'F',
        'G',
        'H',
        'I',
        'J',
        'K',
        'L',
        'M',
        'N',
        'O',
        'P',
        'Q',
        'R',
        'S',
        'T',
      ];
      _nowword = words[Random().nextInt(words.length)];
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            RaisedButton(
              onPressed: () {
                choice();
              },
              child: Text('単語'),
            ),
            //問題箇所、シミュレーターを起動するとnullと表示、ボタンを押すと
            //Another exception was thrown: type 'List<String>' is not a subtype of type 'String' in type cast
            //と表示が出るものの、検索しても理解できる記述が見つけられない。
            RichText(
              text: TextSpan(
                style: DefaultTextStyle.of(context).style,
                children: <TextSpan>[
                  TextSpan(
                    text: _nowword,
                    style: TextStyle(color: Colors.red),
                  ),
                ],
              ),
            )
          ],
        ),
      ),
    );
  }
}

Comments

[9kai]

回答頂きありがとうございます。
文字列のリストは宣言が必要だと知りませんでした。
その他不備のあるコードも改善案を具体的に示して頂き大変助かりました。
誠にありがとうございました。